﻿@charset "UTF-8";
body {
    background-color: #fff
}

p {
    font-family: "微軟正黑體", "新細明體", Arial;
    font-size: 13px;
    color: #333;
    line-height: 24px;
    padding: 10px
}

.whitehr {
    height: 1px;
    background-color: #fff;
    margin: 5px
}

.container {
    width: 100%
}

.black {
    color: #333;
    font-weight: bold;
    padding: 0 10px
}

.red {
    color: red
}

.reddark {
    color: #c82025
}

.dashed {
    border-bottom: 1px dashed #ccc;
    padding: 5px;
    margin-bottom: 5px
}

.clear {
    clear: both
}

.20
font {
    font-size: 20px
}

#footer {
    width: 100%;
    background-color: #fff;
    padding-bottom: 15px
}

#footer .ToolsBar a {
    text-decoration: none;
    color: #3aa6e6
}

#footer .ToolsBar a:hover {
    text-decoration: none;
    color: #f37d01
}

#footer .ToolsBar {
    height: 46px;
    line-height: 46px;
    vertical-align: middle;
    margin: 0 auto;
    margin-top: 0;
    overflow: hidden;
    background: url(../images/footertoolbar.gif)
}

#footer .ToolsBar .Left {
    padding-left: 10px;
    font-size: 15px;
    float: left
}

#footer .ToolsBar .Right {
    padding-right: 25px;
    font-size: 15px;
    float: right
}

#footer .ToolsBar .Right a {
    text-decoration: none;
    color: #3aa6e6
}

#footer .ToolsBar .Right a:hover {
    text-decoration: none;
    color: #f37d01
}

#footer .NewsAbout {
    padding-top: 10px;
    margin: 10px
}

#footer .NewsAbout .Title {
    font-size: 18px
}

#footer .NewsAbout .Content {
    line-height: 24px;
    font-size: 12px
}

#footer .NewsAbout .Content img {
    width: 100%
}

#footer .CopyRight a {
    font-size: 14px;
    text-decoration: none;
    color: #3aa6e6
}

#footer .CopyRight a:hover {
    text-decoration: none;
    color: #f37d01
}

#footer .CopyRight {
    max-width: 640px;
    margin: 0 auto;
    margin-top: 15px;
    overflow: hidden;
    color: #b9b9b9
}

#footer .CopyRight .Content {
    padding: 1%;
    overflow: auto;
    font-size: 12px;
    text-align: center;
    color: #666
}

#footer .CopyRight .Contact {
    line-height: 25px;
    height: 25px;
    font-size: 16px;
    text-align: center
}

#footer .moreButton {
    display: table;
    padding: 5px
}

#footer .moreButton .back span:first-child {
    background: url(../images/footer_header_button_1.png) no-repeat;
    display: block;
    float: left;
    height: 55px;
    width: 10px
}

#footer .moreButton .back span:last-child {
    background: url(../images/footer_header_button_3.png) no-repeat;
    display: block;
    float: left;
    height: 55px;
    width: 10px
}

#footer .moreButton .back span.backTitle {
    background: url(../images/footer_header_button_2.png) repeat-x;
    color: #f37d02;
    display: block;
    float: left;
    font-size: 15px;
    font-weight: normal;
    height: 55px;
    line-height: 55px;
    overflow: hidden;
    text-align: center;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -webkit-text-overflow: ellipsis;
    -moz-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    min-width: 260px;
    text-shadow: 1px 1px 1px #fff
}

#Search {
    font-size: 13px;
    width: 100%;
    border-color: #dedede #bababa #aaa #bababa;
    background-color: #d1d1d1;
    display: inline-table
}

@media all and (min-width: 0)and (max-width: 320px) {
    #alllink {
        border-color: #dedede #bababa #aaa #bababa;
        background-color: #dedede;
        display: inline-table;
        width: 100%;
        margin-right: 1%
    }
}

@media all and (min-width: 321px)and (max-width: 980px) {
    #alllink {
        border-color: #dedede #bababa #aaa #bababa;
        background-color: #dedede;
        display: inline-table;
        width: 100%;
        margin-right: 1%;
        margin-top: 3px
    }
}

#alllink .btn {
    border: 1px solid #9c9c9c;
    height: 32px;
    width: 100%;
    padding: 0;
    cursor: pointer;
    color: #333;
    text-shadow: 1px 1px 1px #fff;
    text-transform: uppercase;
    background-color: #dedede;
    background: -moz-linear-gradient(top, #dedede 50%, #a9a9a9 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #dedede), color-stop(100%, #a9a9a9));
    background: -webkit-linear-gradient(top, #dedede 50%, #a9a9a9 100%);
    background: -o-linear-gradient(top, #dedede 50%, #a9a9a9 100%);
    background: -ms-linear-gradient(top, #dedede 50%, #a9a9a9 100%);
    background: linear-gradient(to bottom, #dedede 50%, #a9a9a9 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dedede', endColorstr='#a9a9a9', GradientType=0);
    box-shadow: 0 1px 0 rgba(255, 255, 255, .3) inset, 1px 1px 1px #fff;
    border-radius: 4px
}

#alllink .btn:hover, #alllink .btn:focus {
    background-color: #cecece;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#cecece), to(#d8d8d8));
    background-image: -webkit-linear-gradient(top, #cecece, #d8d8d8);
    background-image: -moz-linear-gradient(top, #cecece, #d8d8d8);
    background-image: -ms-linear-gradient(top, #cecece, #d8d8d8);
    background-image: -o-linear-gradient(top, #cecece, #d8d8d8);
    background-image: linear-gradient(top, #cecece, #d8d8d8)
}

#alllink .btn:active {
    outline: 0;
    box-shadow: 0 1px 4px rgba(0, 0, 0, .5) inset
}

#formWrapper {
    width: 100%;
    padding: 6px 2px;
    overflow: hidden;
    border-color: #dedede #bababa #aaa #bababa
}

#formWrapper .search {
    width: 55%;
    height: 10px;
    padding: 10px 25px;
    float: left;
    border: 1px solid #ccc;
    box-shadow: 0 1px 1px #ddd inset, 0 1px 0 #fff;
    border-radius: 4px 0 0 4px;
    background: #fff url(../images/search_icon.gif) 5px no-repeat
}

#formWrapper .search:focus {
    outline: 0;
    border-color: #aaa;
    box-shadow: 0 1px 1px #bbb inset
}

#formWrapper .search::-webkit-input-placeholder, #formWrapper .search:-moz-placeholder, #formWrapper .search:-ms-input-placeholder {
    color: #999;
    font-weight: normal
}

#formWrapper .btn {
    border: 1px solid #9c9c9c;
    height: 32px;
    width: 20%;
    padding: 0;
    margin-left: -1px;
    cursor: pointer;
    color: #666;
    text-transform: uppercase;
    background-color: #fbfbfb;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#d8d8d8), to(#fbfbfb));
    background-image: -webkit-linear-gradient(top, #d8d8d8, #fbfbfb);
    background-image: -moz-linear-gradient(top, #d8d8d8, #fbfbfb);
    background-image: -ms-linear-gradient(top, #d8d8d8, #fbfbfb);
    background-image: -o-linear-gradient(top, #d8d8d8, #fbfbfb);
    background-image: linear-gradient(top, #d8d8d8, #fbfbfb);
    border-radius: 0 4px 4px 0;
    box-shadow: 0 1px 0 rgba(255, 255, 255, .3) inset, 0 1px 0 #fff
}

#formWrapper .btn:hover, #formWrapper .btn:focus {
    background-color: #cecece;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#cecece), to(#d8d8d8));
    background-image: -webkit-linear-gradient(top, #cecece, #d8d8d8);
    background-image: -moz-linear-gradient(top, #cecece, #d8d8d8);
    background-image: -ms-linear-gradient(top, #cecece, #d8d8d8);
    background-image: -o-linear-gradient(top, #cecece, #d8d8d8);
    background-image: linear-gradient(top, #cecece, #d8d8d8)
}

#formWrapper .btn:active {
    outline: 0;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .5) inset
}

#formWrapperbottom {
    width: 100%;
    padding: 10px 0;
    overflow: hidden;
    border-color: #dedede #bababa #aaa #bababa
}

#formWrapperbottom .search {
    width: 70%;
    height: 10px;
    padding: 10px 25px;
    float: left;
    border: 1px solid #ccc;
    box-shadow: 0 1px 1px #ddd inset, 0 1px 0 #fff;
    border-radius: 4px 0 0 4px;
    background: #fff url(../images/search_icon.gif) 5px no-repeat
}

@media all and (min-width: 0)and (max-width: 320px) {
    #formWrapperbottom .search {
        width: 59%;
        height: 10px;
        padding: 10px 25px;
        float: left;
        border: 1px solid #ccc;
        box-shadow: 0 1px 1px #ddd inset, 0 1px 0 #fff;
        border-radius: 4px 0 0 4px;
        background: #fff url(../images/search_icon.gif) 5px no-repeat
    }
}

@media all and (min-width: 321px)and (max-width: 480px) {
    #formWrapperbottom .search {
        width: 62%;
        height: 10px;
        padding: 10px 25px;
        float: left;
        border: 1px solid #ccc;
        box-shadow: 0 1px 1px #ddd inset, 0 1px 0 #fff;
        border-radius: 4px 0 0 4px;
        background: #fff url(../images/search_icon.gif) 5px no-repeat
    }
}

#formWrapperbottom .search:focus {
    outline: 0;
    border-color: #aaa;
    box-shadow: 0 1px 1px #bbb inset
}

#formWrapperbottom .search::-webkit-input-placeholder, #formWrapperbottom .search:-moz-placeholder, #formWrapperbottom .search:-ms-input-placeholder {
    color: #999;
    font-weight: normal
}

#formWrapperbottom .btn {
    float: left;
    border: 1px solid #9c9c9c;
    height: 32px;
    width: 20%;
    padding: 0;
    margin-left: -1px;
    cursor: pointer;
    color: #666;
    text-transform: uppercase;
    background-color: #fbfbfb;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#d8d8d8), to(#fbfbfb));
    background-image: -webkit-linear-gradient(top, #d8d8d8, #fbfbfb);
    background-image: -moz-linear-gradient(top, #d8d8d8, #fbfbfb);
    background-image: -ms-linear-gradient(top, #d8d8d8, #fbfbfb);
    background-image: -o-linear-gradient(top, #d8d8d8, #fbfbfb);
    background-image: linear-gradient(top, #d8d8d8, #fbfbfb);
    border-radius: 0 4px 4px 0;
    box-shadow: 0 1px 0 rgba(255, 255, 255, .3) inset, 0 1px 0 #fff
}

#formWrapperbottom .btn:hover, #formWrapperbottom .btn:focus {
    background-color: #cecece;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#cecece), to(#d8d8d8));
    background-image: -webkit-linear-gradient(top, #cecece, #d8d8d8);
    background-image: -moz-linear-gradient(top, #cecece, #d8d8d8);
    background-image: -ms-linear-gradient(top, #cecece, #d8d8d8);
    background-image: -o-linear-gradient(top, #cecece, #d8d8d8);
    background-image: linear-gradient(top, #cecece, #d8d8d8)
}

#formWrapperbottom .btn:active {
    outline: 0;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .5) inset
}

#Abanner {
    margin: 8px
}

.AD1 img {
    margin-top: 3px;
    width: 100%
}

.AD2 img {
    margin-top: 3px;
    width: 100%
}

.header.salePageList .headerTitleDiv {
    display: inline-block;
    height: 44px;
    margin-left: 4px;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    -webkit-text-overflow: ellipsis;
    -moz-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 170px
}

.header.salePageList h1 {
    height: 44px;
    margin: 0 0;
    position: relative;
    text-align: left
}

.header.salePageList .headerTitleWord {
    display: block;
    font-size: 16px;
    line-height: 24px;
    margin: 0 auto;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -webkit-text-overflow: ellipsis;
    -moz-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap
}

.header.salePageList .headerTitleCount {
    color: #333;
    display: block;
    font-size: 12px
}

#salePageList span.slist {
    background: url() no-repeat;
    display: inline-block;
    height: 25px;
    width: 25px
}

#salePageList span.slist.active {
    background: url() no-repeat;
    display: inline-block
}

#salePageList span.blist {
    background: url() no-repeat;
    display: inline-block;
    height: 25px;
    width: 25px
}

#salePageList span.blist.active {
    background: url() no-repeat;
    display: inline-block
}

#salePageList .ui-content {
    background-color: #fff;
    padding: 5px
}

#salePageList ul.salePageList, #salePageList ul.salePageList li {
    margin: 0;
    padding: 0
}

#salePageList ul.salePageList li {
    float: left;
    line-height: 15px;
    list-style-type: none;
    box-sizing: border-box;
    padding: 5px;
    width: 135px
}

#salePageList ul.salePageList li a {
    color: #000;
    text-decoration: none
}

#salePageList ul.salePageList li.slist {
    width: 30%
}

#salePageList ul.salePageList li.slist .salePageImg {
    height: 95px;
    max-width: 100%;
    border: 1px solid #d7d7d7
}

#salePageList ul.salePageList li.blist {
    width: 47%
}

#salePageList ul.salePageList li.blist .salePageImg {
    width: 100%
}

#salePageList ul.salePageList li span.price {
    color: red;
    font-size: .8em
}

#salePageList ul.salePageList li span.blackprice {
    color: #333;
    font-size: .8em;
    padding-right: 10px
}

#salePageList ul.salePageList li span.title {
    color: #000;
    display: block;
    font-size: .8em;
    height: 16px;
    overflow: hidden;
    white-space: nowrap;
    width: 85px
}

#salePageList ul.salePageList li.blist span.title {
    -o-text-overflow: ellipsis;
    -webkit-text-overflow: ellipsis;
    -moz-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    text-overflow: clip;
    width: 84%;
    height: 30px;
    white-space: normal
}

#salePageList ul.salePageList li span.start {
    border: 0;
    display: block
}

#salePageList ul.salePageList li.blist div.startDiv {
    margin-top: -10px
}

#salePageList ul.salePageList li.slist span.start {
    background: url(../images/star_s_nor.png) no-repeat;
    height: 17px;
    width: 17px
}

#salePageList ul.salePageList li.slist span.start.inTraceList {
    background: url(../images/star_s_act.png) no-repeat
}

#salePageList ul.salePageList li.blist span.start {
    background: url(../images/star_b_nor.png) no-repeat;
    height: 23px;
    width: 23px
}

#salePageList ul.salePageList li.blist span.start.inTraceList {
    background: url(../images/star_b_act.png) no-repeat
}

#salePageList .hr {
    border-bottom: 1px solid #d2d2d2;
    margin-bottom: 5px
}

#salePageList .salePageHeader {
    height: 35px;
    padding-top: 5px
}

#salePageList .salePageHeader img {
    cursor: pointer;
    z-index: 10
}

#salePageList .salePageHeader div {
    float: left;
    font-size: .9em;
    line-height: 25px;
    margin-right: 5px
}

#salePageList .moreDiv {
    display: inline-block;
    width: 100%;
    height: 40px;
    line-height: 40px;
    background-color: #e3e8ee;
    padding: 5px 0
}

.wrapper-dropdown-5 {
    position: relative;
    margin: 0 auto;
    padding: 8px 10px;
    border: 1px solid #bdbdbd;
    background: #fff;
    border-radius: 5px;
    box-shadow: 0 1px 0 rgba(0, 0, 0, .2);
    cursor: pointer;
    outline: none;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
    font-size: 15px
}

.wrapper-dropdown-5:after {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    top: 50%;
    right: 13px;
    margin-top: -3px;
    border-width: 6px 6px 0 6px;
    border-style: solid;
    border-color: #868686 transparent
}

.wrapper-dropdown-5 .dropdown {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background: #fff;
    border-radius: 0 0 5px 5px;
    border: 1px solid rgba(0, 0, 0, .2);
    border-top: none;
    border-bottom: none;
    list-style: none;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
    max-height: 0;
    overflow: hidden
}

.wrapper-dropdown-5 .dropdown li {
    padding: 0 10px
}

.wrapper-dropdown-5 .dropdown li a {
    display: block;
    text-decoration: none;
    color: #333;
    padding: 10px 0;
    transition: all .3s ease-out;
    border-bottom: 1px solid #e6e8ea
}

.wrapper-dropdown-5 .dropdown li:last-of-type a {
    border: none
}

.wrapper-dropdown-5 .dropdown li i {
    margin-right: 5px;
    color: inherit;
    vertical-align: middle
}

.wrapper-dropdown-5 .dropdown li:hover a {
    color: #3aa6e6
}

.wrapper-dropdown-5.active {
    border-radius: 5px 5px 0 0;
    background: #eee;
    box-shadow: none;
    border-bottom: none;
    color: #333
}

.wrapper-dropdown-5.active:after {
    border-color: #82d1ff transparent
}

.wrapper-dropdown-5.active .dropdown {
    border-bottom: 1px solid rgba(0, 0, 0, .2);
    max-height: 400px
}

.btn-group > .active::after {
    content: ""
}

.btn-group > .active::after, .btns .TabArr {
    position: absolute;
    margin-left: -6px;
    bottom: -1px;
    left: 50%;
    display: block;
    height: 0;
    width: 0;
    font-size: 0;
    line-height: 0;
    border-color: transparent transparent #f4f4f4 transparent;
    border-style: dashed dashed solid dashed;
    border-width: 6px
}

.btns .TabArrff {
    position: absolute;
    margin-left: -6px;
    bottom: -1px;
    left: 50%;
    display: block;
    height: 0;
    width: 0;
    font-size: 0;
    line-height: 0;
    border-color: transparent transparent #fff transparent;
    border-style: dashed dashed solid dashed;
    border-width: 6px
}

.btns2 .TabArr {
    position: absolute;
    margin-left: -6px;
    top: 22px;
    left: 50%;
    display: block;
    height: 0;
    width: 0;
    font-size: 0;
    line-height: 0;
    border-color: transparent transparent #fff transparent;
    border-style: dashed dashed solid dashed;
    border-width: 6px
}

.btn-group > .btns3 {
    position: relative;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

.btn-group > .btns3 + .btns3 {
    margin-left: -1px
}

.btn-group > .btns3, .btn-group > .dropdown-menu {
    font-size: 13px
}

.btn-group > .btns3:first-child {
    margin-left: 0;
    -webkit-border-top-left-radius: 4px;
    -moz-border-radius-topleft: 4px;
    border-top-left-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-bottom-left-radius: 4px
}

.btn-group > .btns3:last-child, .btn-group > .dropdown-toggle {
    -webkit-border-top-right-radius: 4px;
    -moz-border-radius-topright: 4px;
    border-top-right-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    border-bottom-right-radius: 4px
}

.btn-group > .btns3.large:first-child {
    margin-left: 0;
    -webkit-border-top-left-radius: 6px;
    -moz-border-radius-topleft: 6px;
    border-top-left-radius: 6px;
    -webkit-border-bottom-left-radius: 6px;
    -moz-border-radius-bottomleft: 6px;
    border-bottom-left-radius: 6px
}

.btn-group > .btns3.large:last-child, .btn-group > .large.dropdown-toggle {
    -webkit-border-top-right-radius: 6px;
    -moz-border-radius-topright: 6px;
    border-top-right-radius: 6px;
    -webkit-border-bottom-right-radius: 6px;
    -moz-border-radius-bottomright: 6px;
    border-bottom-right-radius: 6px
}

.btns3 {
    width: 25%;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    padding: 6px 0;
    margin-bottom: 0;
    font-size: 15px;
    line-height: 20px;
    *line-height: 20px;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    color: #656566;
    text-shadow: 0 1px 1px rgba(255, 255, 255, .75);
    background-color: #f5f5f5;
    background-image: -moz-linear-gradient(top, #fff, #e6e6e6);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#e6e6e6));
    background-image: -webkit-linear-gradient(top, #fff, #e6e6e6);
    background-image: -o-linear-gradient(top, #fff, #e6e6e6);
    background-image: linear-gradient(to bottom, #fff, #e6e6e6);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
    border-color: #e6e6e6 #e6e6e6 #bfbfbf;
    border-color: rgba(0, 0, 0, .1) rgba(0, 0, 0, .1) rgba(0, 0, 0, .25);
    *background-color: #e6e6e6;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    border: 1px solid #bbb;
    *border: 0;
    border-bottom-color: #a2a2a2;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    *margin-left: .3em;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05)
}

.btns3 img {
    vertical-align: middle;
    padding: 3px
}

.btns3:hover, .btns3:active, .btns3.active, .btns3.disabled, .btns3[disabled] {
    color: #333;
    background-color: #e6e6e6;
    *background-color: #d9d9d9
}

.btns3:active, .btns3.active {
    background-color: #ccc \9
}

.btns3:first-child {
    *margin-left: 0
}

.btns3:hover {
    color: #656566;
    text-decoration: none;
    background-color: #e6e6e6;
    *background-color: #d9d9d9;
    background-position: 0 -15px;
    -webkit-transition: background-position .1s linear;
    -moz-transition: background-position .1s linear;
    -o-transition: background-position .1s linear;
    transition: background-position .1s linear
}

.btns3:focus {
    outline: thin dotted #333;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px
}

.btns3.active, .btns3:active {
    background-color: #bcbcbc;
    background-color: #d9d9d9 \9;
    background-image: none;
    outline: 0;
    -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, .15), 0 1px 2px rgba(0, 0, 0, .05);
    -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, .15), 0 1px 2px rgba(0, 0, 0, .05);
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, .15), 0 1px 2px rgba(0, 0, 0, .05)
}

.btn-group > .btns2 {
    position: relative;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

.btn-group > .btns2 + .btns2 {
    margin-left: -1px
}

.btn-group > .btns2, .btn-group > .dropdown-menu {
    font-size: 13px
}

.btn-group > .btn-mini {
    font-size: 11px
}

.btn-group > .btn-small {
    font-size: 12px
}

.btn-group > .btn-large {
    font-size: 16px
}

.btn-group > .btns2:first-child {
    margin-left: 0;
    -webkit-border-top-left-radius: 4px;
    -moz-border-radius-topleft: 4px;
    border-top-left-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-bottom-left-radius: 4px
}

.btn-group > .btns2:last-child, .btn-group > .dropdown-toggle {
    -webkit-border-top-right-radius: 4px;
    -moz-border-radius-topright: 4px;
    border-top-right-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    border-bottom-right-radius: 4px
}

.btn-group > .btns2.large:first-child {
    margin-left: 0;
    -webkit-border-top-left-radius: 6px;
    -moz-border-radius-topleft: 6px;
    border-top-left-radius: 6px;
    -webkit-border-bottom-left-radius: 6px;
    -moz-border-radius-bottomleft: 6px;
    border-bottom-left-radius: 6px
}

.btn-group > .btns2.large:last-child, .btn-group > .large.dropdown-toggle {
    -webkit-border-top-right-radius: 6px;
    -moz-border-radius-topright: 6px;
    border-top-right-radius: 6px;
    -webkit-border-bottom-right-radius: 6px;
    -moz-border-radius-bottomright: 6px;
    border-bottom-right-radius: 6px
}

.btns2 {
    width: 33.5%;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    padding: 6px 0;
    margin-bottom: 0;
    font-size: 15px;
    line-height: 20px;
    *line-height: 20px;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    color: #656566;
    text-shadow: 0 1px 1px rgba(255, 255, 255, .75);
    background-color: #f5f5f5;
    background-image: -moz-linear-gradient(top, #fff, #e6e6e6);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#e6e6e6));
    background-image: -webkit-linear-gradient(top, #fff, #e6e6e6);
    background-image: -o-linear-gradient(top, #fff, #e6e6e6);
    background-image: linear-gradient(to bottom, #fff, #e6e6e6);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
    border-color: #e6e6e6 #e6e6e6 #bfbfbf;
    border-color: rgba(0, 0, 0, .1) rgba(0, 0, 0, .1) rgba(0, 0, 0, .25);
    *background-color: #e6e6e6;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    border: 1px solid #bbb;
    *border: 0;
    border-bottom-color: #a2a2a2;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    *margin-left: .3em;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05)
}

.btns2 img {
    vertical-align: middle;
    padding: 3px
}

.btns2:hover, .btns2:active, .btns2.active, .btns2.disabled, .btns2[disabled] {
    color: #333;
    background-color: #e6e6e6;
    *background-color: #d9d9d9
}

.btns2:active, .btns2.active {
    background-color: #d6d6d6;
    background-image: none;
    outline: 0;
    -webkit-box-shadow: inset 0 2px 2px rgba(0, 0, 0, .05), 0 1px 2px rgba(0, 0, 0, .05);
    -moz-box-shadow: inset 0 2px 2px rgba(0, 0, 0, .05), 0 1px 2px rgba(0, 0, 0, .05);
    box-shadow: inset 0 2px 2px rgba(0, 0, 0, .05), 0 1px 2px rgba(0, 0, 0, .05)
}

.btns2:first-child {
    *margin-left: 0
}

.btns2:hover {
    color: #656566;
    text-decoration: none;
    background-color: #e6e6e6;
    *background-color: #d9d9d9;
    background-position: 0 -15px;
    -webkit-transition: background-position .1s linear;
    -moz-transition: background-position .1s linear;
    -o-transition: background-position .1s linear;
    transition: background-position .1s linear
}

.btns2:focus {
    outline: thin dotted #333;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px
}

.btns2.active, .btns2:active {
    background-color: #bcbcbc;
    background-color: #d9d9d9 \9;
    background-image: none;
    outline: 0;
    -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, .15), 0 1px 2px rgba(0, 0, 0, .05);
    -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, .15), 0 1px 2px rgba(0, 0, 0, .05);
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, .15), 0 1px 2px rgba(0, 0, 0, .05)
}

.btns.disabled, .btns[disabled] {
    cursor: default;
    background-color: #e6e6e6;
    background-image: none;
    opacity: .65;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}

button, input, select, textarea {
    margin: 0;
    font-size: 100%;
    vertical-align: middle
}

.btns {
    width: 49%;
    display: inline-block;
    padding: 6px 0;
    margin-bottom: 0;
    font-size: 15px;
    line-height: 20px;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    color: #656566;
    text-shadow: 0 1px 1px rgba(255, 255, 255, .75);
    background-color: #f5f5f5;
    background-image: -moz-linear-gradient(top, #fff, #e6e6e6);
    background-image: -o-linear-gradient(top, #fff, #e6e6e6);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    border: 1px solid #c2c2c2;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05)
}

.btns img {
    vertical-align: middle;
    padding: 3px
}

.btns:hover, .btns:active, .btns.active, .btns.disabled, .btns[disabled] {
    color: #333;
    background-color: #e6e6e6;
    *background-color: #d9d9d9
}

.btns:active, .btns.active {
    background-color: #ccc \9
}

.btns:first-child {
    *margin-left: 0
}

.btns:hover {
    color: #656566;
    text-decoration: none;
    background-color: #e6e6e6;
    *background-color: #d9d9d9;
    background-position: 0 -15px;
    -webkit-transition: background-position .1s linear;
    -moz-transition: background-position .1s linear;
    -o-transition: background-position .1s linear;
    transition: background-position .1s linear
}

.btns:focus {
    outline: thin dotted #333;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px
}

.btns.active, .btn:active {
    background-color: #bcbcbc;
    background-color: #d9d9d9 \9;
    background-image: none;
    outline: 0;
    -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, .15), 0 1px 2px rgba(0, 0, 0, .05);
    -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, .15), 0 1px 2px rgba(0, 0, 0, .05);
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, .15), 0 1px 2px rgba(0, 0, 0, .05)
}

.btns.disabled, .btns[disabled] {
    cursor: default;
    background-color: #e6e6e6;
    background-image: none;
    opacity: .65;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}

.btn-large {
/ / padding: 9 px 9 px;
    font-size: 15px;
    line-height: normal;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px
}

.btn-block {
    display: block;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.btn-block + .btn-block {
    margin-top: 5px
}

.btn-primary.active, .btn-warning.active, .btn-danger.active, .btn-success.active, .btn-info.active, .btn-inverse.active {
    color: rgba(255, 255, 255, .95)
}

.btns {
    border-color: #c5c5c5;
    border-color: rgba(0, 0, 0, .15) rgba(0, 0, 0, .15) rgba(0, 0, 0, .25)
}

.btn-primary {
    color: #333;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .15);
    background-color: #fff;
    background-image: -moz-linear-gradient(top, #fff, #fff);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#fff));
    background-image: -webkit-linear-gradient(top, #fff, #fff);
    background-image: -o-linear-gradient(top, #fff, #fff);
    background-image: linear-gradient(to bottom, #fff, #fff);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffffffff', GradientType=0);
    border-color: #fff #fff #d9d9d9;
    border-color: rgba(0, 0, 0, .1) rgba(0, 0, 0, .1) rgba(0, 0, 0, .25);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false)
}

.btn-primary:hover, .btn-primary:active, .btn-primary.active, .btn-primary.disabled, .btn-primary[disabled] {
    color: #333;
    background-color: #fff;
    *background-color: #f2f2f2
}

.btn-primary:active, .btn-primary.active {
    background-color: #cbcbcb
}

button.btns, input[type="submit"].btn {
    *padding-top: 3px;
    *padding-bottom: 3px
}

button.btns::-moz-focus-inner, input[type="submit"].btn::-moz-focus-inner {
    padding: 0;
    border: 0
}

button.btns.btn-large, input[type="submit"].btn.btn-large {
    *padding-top: 7px;
    *padding-bottom: 7px
}

button.btn.btn-small, input[type="submit"].btn.btn-small {
    *padding-top: 3px;
    *padding-bottom: 3px
}

button.btns.btn-mini, input[type="submit"].btn.btn-mini {
    *padding-top: 1px;
    *padding-bottom: 1px
}

.btn-group {
    position: relative;
    font-size: 0;
    vertical-align: middle;
    white-space: nowrap
}

.btn-group > .btns {
    position: relative;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

.btn-group > .btns + .btns {
    margin-left: -1px
}

.btn-group > .btns, .btn-group > .dropdown-menu {
    font-size: 13px
}

.btn-group > .btn-mini {
    font-size: 11px
}

.btn-group > .btn-small {
    font-size: 12px
}

.btn-group > .btn-large {
    font-size: 16px
}

.btn-group > .btns:first-child {
    margin-left: 0;
    -webkit-border-top-left-radius: 4px;
    -moz-border-radius-topleft: 4px;
    border-top-left-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-bottom-left-radius: 4px
}

.btn-group > .btns:last-child, .btn-group > .dropdown-toggle {
    -webkit-border-top-right-radius: 4px;
    -moz-border-radius-topright: 4px;
    border-top-right-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    border-bottom-right-radius: 4px
}

.btn-group > .btn.large:first-child {
    margin-left: 0;
    -webkit-border-top-left-radius: 6px;
    -moz-border-radius-topleft: 6px;
    border-top-left-radius: 6px;
    -webkit-border-bottom-left-radius: 6px;
    -moz-border-radius-bottomleft: 6px;
    border-bottom-left-radius: 6px
}

.btn-group > .btn.large:last-child, .btn-group > .large.dropdown-toggle {
    -webkit-border-top-right-radius: 6px;
    -moz-border-radius-topright: 6px;
    border-top-right-radius: 6px;
    -webkit-border-bottom-right-radius: 6px;
    -moz-border-radius-bottomright: 6px;
    border-bottom-right-radius: 6px
}

#header .headerDiv span.count {
    font-size: 12px;
    height: 15px;
    padding: .2em .5em;
    position: absolute;
    right: 3px;
    top: 1px
}

span.ui-btn-up-c.ui-btn-corner-all {
    background: #eee;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#de8d86), to(#c91b11));
    background-image: -webkit-linear-gradient(#de8d86, #c91b11);
    background-image: -moz-linear-gradient(#de8d86, #c91b11);
    background-image: -ms-linear-gradient(#de8d86, #c91b11);
    background-image: -o-linear-gradient(#de8d86, #c91b11);
    background-image: linear-gradient(#de8d86, #c91b11);
    border: 1px solid #fff;
    color: #fff;
    font-weight: bold
}

.ui-btn-corner-all {
    -moz-border-radius: .3em;
    -webkit-border-radius: .3em;
    border-radius: .3em
}

.KeyVision {
    margin: 0 auto;
    text-align: center;
    margin-top: 5px
}

.KeyVision img {
    max-width: 100%
}

.Title {
    border-top: 1px solid #d4d4d4;
    border-bottom: 1px solid #d4d4d4;
    background-color: #f8f8f8;
    margin: 0 auto;
    height: 30px;
    font-size: 16px;
    font-weight: bold
}

.Title .Left {
    background-position: 10px center;
    float: left;
    font-size: 15px;
    line-height: 30px;
    padding-left: 10px;
    color: #555
}

ul.promotionblock {
    margin: 0;
    padding: 10px 10px 5px 10px;
    list-style: none;
    background: url(../images/arrow_right.png) 98% 50% no-repeat;
    border-bottom: 1px solid #ddd
}

ul.promotionblock:hover {
    background-color: #fff
}

ul.promotionblock:active {
    background-color: #fff
}

ul.promotionblock li a {
    display: block;
    outline: none;
    color: #333
}

.promotionblock h3 {
    padding: 0;
    font-size: 13px;
    margin: 0;
    color: #333
}

.promotionblock p {
    padding: 0;
    font-size: 13px;
    margin: 0;
    coloer: #666
}

.promotionblock img.left {
    margin-right: 5px;
    float: left
}

ul.promotionblock18 {
    margin-top: 5px;
    padding: 10px 0 5px 5px;
    list-style: none;
    border-top: 1px solid #d6d6d6;
    border-bottom: 1px solid #d6d6d6
}

.promotionblock18 h3 {
    padding: 0;
    font-size: 13px;
    margin: 0
}

.promotionblock18 p {
    padding: 0;
    font-size: 13px;
    margin: 0;
    coloer: #666
}

.promotionblock18 img.left {
    margin-right: 5px;
    float: left
}

ul.promolist {
    margin: 0;
    padding: 10px 10px 3px 10px;
    list-style: none;
    border-bottom: 1px solid #c3c3c3;
    background: url(../images/arrow_right.png) 98% 50% no-repeat
}

ul.promolist li a {
    display: block;
    outline: none;
    color: #333;
    height: 80px
}

.promolist h1 {
    padding: 0;
    font-size: 15px;
    margin: 0;
    line-height: 28px;
    margin-right: 10px
}

.promolist h3 {
    padding: 0;
    font-size: 13px;
    margin: 0;
    line-height: 24px;
    font-weight: normal;
    margin-right: 10px
}

.promolist h2 {
    padding: 0;
    font-size: 13px;
    margin: 0;
    color: #666;
    font-weight: normal
}

.promolist img.left {
    margin-right: 10px;
    float: left
}

.promolist:hover {
    display: block;
    background: #fff url(../images/arrow_right.png) 98% 50% no-repeat
}

.promolist:active {
    display: block;
    background: #fff url(../images/arrow_right.png) 98% 50% no-repeat
}

.PromoDiv {
    background: #fff;
    padding: 10px;
    box-shadow: 4px 4px 12px -2px rgba(0%, 0%, 0%, .1)
}

ul.promotionblockdiv {
    padding: 10px 0 10px 5px;
    list-style: none;
    background-color: #f4f4f4
}

.promotionblockdiv h3 {
    padding: 0 5px 10px 0;
    font-size: 18px;
    margin: 0 10px 10px 10px;
    line-height: 30px;
    border-bottom: 1px solid #ccc
}

.promotionblockdiv h2 {
    padding: 0;
    font-size: 13px;
    margin: 0;
    color: #333;
    font-weight: bold
}

.promotionblockdiv p {
    padding: 0;
    font-size: 13px;
    margin: 0;
    coloer: #666
}

.promotionblockdiv img.left {
    margin-right: 5px;
    float: left
}

.PromoTitle {
    margin: 0 auto;
/ / height: 30 px;
    border-style: 1px solid;
    border-top-color: #afcee2;
    border-left-width: 0;
    border-right-width: 0;
    font-size: 16px;
    font-weight: bold
}

.PromoTitle .Left {
    background: url(../images/arrow_red.gif) no-repeat;
    background-position: 10px center;
    font-size: 15px;
    line-height: 30px;
    padding-left: 20px;
    color: #555
}

.PromoTitle p {
    font-size: 13px;
    margin-left: 10px;
    color: #666
}

.PromoTitle ul li {
    font-size: 13px;
    margin-left: 30px;
    color: #666
}

.PromoTitle ul.rule-item-block {
    list-style-type: circle
}

.O2ONull {
    padding: 20px 0 20px 0;
    margin: 0 auto;
    width: 320px;
    text-align: center;
    font-size: 13px
}

.O2ONull .NullTitle {
    line-height: 26px;
    font-size: 15px
}

.O2ONull .NullTitle img {
    vertical-align: middle
}

p.if {
    padding: 0 20px;
    　　margin: 0;
    font-size: 13px;
    line-height: 20px
}

.alert {
    background-color: #e3e3e3;
    border: 1px solid #949494;
    margin: 10px;
    font-size: 13px;
    color: #666;
    padding: 10px
}

.O2ODiv {
    padding: 10px;
    text-align: center;
    margin: 0 auto;
    position: relative
}

.O2ODiv img {
    max-width: 100%
}

.O2ODiv .caption {
    padding: 10px;
    color: #fff;
    background: url(../images/1px_black.png) repeat;
    position: absolute;
    bottom: 10px;
    top: 10px;
    right: 10px;
    left: 10px
}

.CouponTitle {
    color: #333;
    font-weight: bold;
    padding: 0 10px 5px 10px
}

.Coupondetail {
    color: #333;
    padding: 0 10px;
    font-size: 13px
}

.countDiv {
    margin: 0 auto;
    width: 320px
}

#counter2 {
    position: absolute;
    margin-top: 100px;
    padding: 0 40px;
    z-index: 99;
    width: 240px
}

.cntSeparator {
    font-size: 54px;
    margin: 5px;
    color: #fff
}

.desc {
    margin: 7px 3px
}

.desc div {
    float: left;
    font-family: Arial;
    width: 70px;
    margin-right: 65px;
    font-size: 13px;
    font-weight: bold;
    color: #000
}

.countDiv .countscript {
    font-size: 13px;
    color: #fff;
    position: absolute;
    display: block;
    z-index: 99;
    margin-top: 190px;
    padding: 0 70px
}

#O2O {
    padding: 5px 10px
}

#O2O .O2ODivLight {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin: 0 auto;
    margin-top: 15px;
    margin-bottom: 15px;
    padding-bottom: 5px;
    border-color: #b5b5b5;
    border-width: 1px 1px 1px 1px;
    border-style: solid;
    width: 100%;
    background: #f2f2f2
}

#O2O .O2ODivLightHeader {
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-style: solid;
    border-width: 0 0 1px 0;
    border-bottom-color: #d8d8d8;
    background: #e4e4e4 url(../images/l1right_icon.png) no-repeat;
    background-position: 98% 50%;
    height: 40px
}

#O2O .O2ODivLightHeader span.num {
    font-size: 13px;
    padding: 12px;
    color: #666;
    display: inline-block;
    float: right;
    margin-right: 3%
}

#O2O .O2ODivLightListlast {
    border-style: solid;
    border-width: 1px 0 0 0;
    border-top-color: #fff;
    padding: 0 5px;
    background: #f2f2f2;
    display: inline-table
}

#O2O .O2ODivLightListlast img {
    border-style: solid;
    margin: 5px 2px 20px 2px;
    border-width: 1px 1px 1px 1px;
    border-color: #eee;
    float: left;
    display: inline-table
}

#O2O .CouponDash {
    background-image: url(../images/coupondash.png);
    background-repeat: no-repeat;
    background-size: 11px 91px;
    margin: 5px 8px 20px 2px;
    float: left;
    display: inline-table
}

#O2O .O2ODivLightTitle {
    float: left;
    padding: 10px 15px;
    color: #333;
    font-weight: bold
}

#O2O .O2ODivContentTitle {
    padding: 5px 0 0 5px;
    font-size: 15px;
    color: #000;
    font-weight: bold
}

#O2O .O2ODivContent {
    padding: 5px 0 5px 10px;
    font-size: 13px;
    color: #333
}

#O2O .O2ODivBlack {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin: 0 auto;
    margin-top: 15px;
    margin-bottom: 15px;
    padding-bottom: 5px;
    border-color: #b5b5b5;
    border-width: 1px 1px 1px 1px;
    border-style: solid;
    width: 100%;
    background: #f2f2f2
}

#O2O .O2ODivBlackHeader {
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-style: solid;
    border-width: 0 0 1px 0;
    border-bottom-color: #d8d8d8;
    background: #333 url(../images/right_icon.png) no-repeat;
    background-position: 98% 50%;
    height: 40px
}

#O2O .O2ODivBlackHeader span.num {
    font-size: 13px;
    padding: 12px;
    color: #fff;
    display: inline-block;
    float: right;
    margin-right: 3%
}

#O2O .O2ODivBlackListlast {
    border-style: solid;
    border-width: 1px 0 0 0;
    border-top-color: #fff;
    padding: 0 5px;
    background: #f2f2f2;
    display: inline-table
}

#O2O .O2ODivBlackListlast img {
    border-style: solid;
    margin: 5px 2px 20px 2px;
    border-width: 1px 1px 1px 1px;
    border-color: #eee;
    float: left;
    display: inline-table
}

#O2O .O2ODivBlackTitle {
    float: left;
    padding: 10px 15px;
    color: #fff;
    font-weight: bold
}

#O2O .O2ODivGrey {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin: 0 auto;
    margin-top: 15px;
    margin-bottom: 15px;
    padding-bottom: 5px;
    border-color: #b5b5b5;
    border-width: 1px 1px 1px 1px;
    border-style: solid;
    width: 100%;
    background: #f2f2f2
}

#O2O .O2ODivGreyHeader {
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-style: solid;
    border-width: 0 0 1px 0;
    border-bottom-color: #d8d8d8;
    background: #666 url(../images/right_icon.png) no-repeat;
    background-position: 98% 50%;
    height: 40px
}

#O2O .O2ODivGreyHeader span.num {
    font-size: 13px;
    padding: 12px;
    color: #fff;
    display: inline-block;
    float: right;
    margin-right: 3%
}

#O2O .O2ODivGreyListlast {
    border-style: solid;
    border-width: 1px 0 0 0;
    border-top-color: #fff;
    padding: 0 5px;
    background: #f2f2f2;
    display: inline-table
}

#O2O .O2ODivGreyListlast img {
    border-style: solid;
    margin: 5px 2px 20px 2px;
    border-width: 1px 1px 1px 1px;
    border-color: #eee;
    float: left;
    display: inline-table
}

#O2O .O2ODivGreyTitle {
    float: left;
    padding: 10px 15px;
    color: #fff;
    font-weight: bold
}

#O2O .O2ODivOrange {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin: 0 auto;
    margin-top: 15px;
    margin-bottom: 15px;
    padding-bottom: 5px;
    border-color: #b5b5b5;
    border-width: 1px 1px 1px 1px;
    border-style: solid;
    width: 100%;
    background: #f2f2f2
}

#O2O .O2ODivOrangeHeader {
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-style: solid;
    border-width: 0 0 1px 0;
    border-bottom-color: #d8d8d8;
    background: #ff561a url(../images/right_icon.png) no-repeat;
    background-position: 98% 50%;
    height: 40px
}

#O2O .O2ODivOrangeHeader span.num {
    font-size: 13px;
    padding: 12px;
    color: #fff;
    display: inline-block;
    float: right;
    margin-right: 3%
}

#O2O .O2ODivOrangeListlast {
    border-style: solid;
    border-width: 1px 0 0 0;
    border-top-color: #fff;
    padding: 0 5px;
    background: #f2f2f2;
    display: inline-table
}

#O2O .O2ODivOrangeListlast img {
    border-style: solid;
    margin: 5px 2px 20px 2px;
    border-width: 1px 1px 1px 1px;
    border-color: #eee;
    float: left;
    display: inline-table
}

#O2O .O2ODivOrangeTitle {
    float: left;
    padding: 10px 15px;
    color: #fff;
    font-weight: bold
}

#O2O .O2ODivRed {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin: 0 auto;
    margin-top: 15px;
    margin-bottom: 15px;
    padding-bottom: 5px;
    border-color: #b5b5b5;
    border-width: 1px 1px 1px 1px;
    border-style: solid;
    width: 100%;
    background: #f2f2f2
}

#O2O .O2ODivRedHeader {
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-style: solid;
    border-width: 0 0 1px 0;
    border-bottom-color: #d8d8d8;
    background: #bc1a1c url(../images/right_icon.png) no-repeat;
    background-position: 98% 50%;
    height: 40px
}

#O2O .O2ODivRedHeader span.num {
    font-size: 13px;
    padding: 12px;
    color: #fff;
    display: inline-block;
    float: right;
    margin-right: 3%
}

#O2O .O2ODivRedListlast {
    border-style: solid;
    border-width: 1px 0 0 0;
    border-top-color: #fff;
    padding: 0 5px;
    background: #f2f2f2;
    display: inline-table
}

#O2O .O2ODivRedListlast img {
    border-style: solid;
    margin: 5px 2px 20px 2px;
    border-width: 1px 1px 1px 1px;
    border-color: #eee;
    float: left;
    display: inline-table
}

#O2O .O2ODivRedTitle {
    float: left;
    padding: 10px 15px;
    color: #fff;
    font-weight: bold
}

#O2O .O2ODivCyan {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin: 0 auto;
    margin-top: 15px;
    margin-bottom: 15px;
    padding-bottom: 5px;
    border-color: #b5b5b5;
    border-width: 1px 1px 1px 1px;
    border-style: solid;
    width: 100%;
    background: #f2f2f2
}

#O2O .O2ODivCyanHeader {
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-style: solid;
    border-width: 0 0 1px 0;
    border-bottom-color: #d8d8d8;
    background: #5cc7d7 url(../images/right_icon.png) no-repeat;
    background-position: 98% 50%;
    height: 40px
}

#O2O .O2ODivCyanHeader span.num {
    font-size: 13px;
    padding: 12px;
    color: #fff;
    display: inline-block;
    float: right;
    margin-right: 3%
}

#O2O .O2ODivCyanListlast {
    border-style: solid;
    border-width: 1px 0 0 0;
    border-top-color: #fff;
    padding: 0 5px;
    background: #f2f2f2;
    display: inline-table
}

#O2O .O2ODivCyanListlast img {
    border-style: solid;
    margin: 5px 2px 20px 2px;
    border-width: 1px 1px 1px 1px;
    border-color: #eee;
    float: left;
    display: inline-table
}

#O2O .O2ODivCyanTitle {
    float: left;
    padding: 10px 15px;
    color: #fff;
    font-weight: bold
}

#O2O .O2ODivBlue {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin: 0 auto;
    margin-top: 15px;
    margin-bottom: 15px;
    padding-bottom: 5px;
    border-color: #b5b5b5;
    border-width: 1px 1px 1px 1px;
    border-style: solid;
    width: 100%;
    background: #f2f2f2
}

#O2O .O2ODivBlueHeader {
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-style: solid;
    border-width: 0 0 1px 0;
    border-bottom-color: #d8d8d8;
    background: #006a8a url(../images/right_icon.png) no-repeat;
    background-position: 98% 50%;
    height: 40px
}

#O2O .O2ODivBlueHeader span.num {
    font-size: 13px;
    padding: 12px;
    color: #fff;
    display: inline-block;
    float: right;
    margin-right: 3%
}

#O2O .O2ODivBlueListlast {
    border-style: solid;
    border-width: 1px 0 0 0;
    border-top-color: #fff;
    padding: 0 5px;
    background: #f2f2f2;
    display: inline-table
}

#O2O .O2ODivBlueListlast img {
    border-style: solid;
    margin: 5px 2px 20px 2px;
    border-width: 1px 1px 1px 1px;
    border-color: #eee;
    float: left;
    display: inline-table
}

#O2O .O2ODivBlueTitle {
    float: left;
    padding: 10px 15px;
    color: #fff;
    font-weight: bold
}

#O2O .O2ODivPeach {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin: 0 auto;
    margin-top: 15px;
    margin-bottom: 15px;
    padding-bottom: 5px;
    border-color: #b5b5b5;
    border-width: 1px 1px 1px 1px;
    border-style: solid;
    width: 100%;
    background: #f2f2f2
}

#O2O .O2ODivPeachHeader {
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-style: solid;
    border-width: 0 0 1px 0;
    border-bottom-color: #d8d8d8;
    background: #e94d8a url(../images/right_icon.png) no-repeat;
    background-position: 98% 50%;
    height: 40px
}

#O2O .O2ODivPeachHeader span.num {
    font-size: 13px;
    padding: 12px;
    color: #fff;
    display: inline-block;
    float: right;
    margin-right: 3%
}

#O2O .O2ODivPeachListlast {
    border-style: solid;
    border-width: 1px 0 0 0;
    border-top-color: #fff;
    padding: 0 5px;
    background: #f2f2f2;
    display: inline-table
}

#O2O .O2ODivPeachListlast img {
    border-style: solid;
    margin: 5px 2px 20px 2px;
    border-width: 1px 1px 1px 1px;
    border-color: #eee;
    float: left;
    display: inline-table
}

#O2O .O2ODivPeachTitle {
    float: left;
    padding: 10px 15px;
    color: #fff;
    font-weight: bold
}

#O2O .O2ODivPink {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin: 0 auto;
    margin-top: 15px;
    margin-bottom: 15px;
    padding-bottom: 5px;
    border-color: #b5b5b5;
    border-width: 1px 1px 1px 1px;
    border-style: solid;
    width: 100%;
    background: #f2f2f2
}

#O2O .O2ODivPinkHeader {
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-style: solid;
    border-width: 0 0 1px 0;
    border-bottom-color: #d8d8d8;
    background: #ec849b url(../images/right_icon.png) no-repeat;
    background-position: 98% 50%;
    height: 40px
}

#O2O .O2ODivPinkHeader span.num {
    font-size: 13px;
    padding: 12px;
    color: #fff;
    display: inline-block;
    float: right;
    margin-right: 3%
}

#O2O .O2ODivPinkListlast {
    border-style: solid;
    border-width: 1px 0 0 0;
    border-top-color: #fff;
    padding: 0 5px;
    background: #f2f2f2;
    display: inline-table
}

#O2O .O2ODivPinkListlast img {
    border-style: solid;
    margin: 5px 2px 20px 2px;
    border-width: 1px 1px 1px 1px;
    border-color: #eee;
    float: left;
    display: inline-table
}

#O2O .O2ODivPinkTitle {
    float: left;
    padding: 10px 15px;
    color: #fff;
    font-weight: bold
}

#O2O .O2ODivPurple {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin: 0 auto;
    margin-top: 15px;
    margin-bottom: 15px;
    padding-bottom: 5px;
    border-color: #b5b5b5;
    border-width: 1px 1px 1px 1px;
    border-style: solid;
    width: 100%;
    background: #f2f2f2
}

#O2O .O2ODivPurpleHeader {
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-style: solid;
    border-width: 0 0 1px 0;
    border-bottom-color: #d8d8d8;
    background: #7834a1 url(../images/right_icon.png) no-repeat;
    background-position: 98% 50%;
    height: 40px
}

#O2O .O2ODivPurpleHeader span.num {
    font-size: 13px;
    padding: 12px;
    color: #fff;
    display: inline-block;
    float: right;
    margin-right: 3%
}

#O2O .O2ODivPurpleListlast {
    border-style: solid;
    border-width: 1px 0 0 0;
    border-top-color: #fff;
    padding: 0 5px;
    background: #f2f2f2;
    display: inline-table
}

#O2O .O2ODivPurpleListlast img {
    border-style: solid;
    margin: 5px 2px 20px 2px;
    border-width: 1px 1px 1px 1px;
    border-color: #eee;
    float: left;
    display: inline-table
}

#O2O .O2ODivPurpleTitle {
    float: left;
    padding: 10px 15px;
    color: #fff;
    font-weight: bold
}

#O2O .O2ODivGreen {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin: 0 auto;
    margin-top: 15px;
    margin-bottom: 15px;
    padding-bottom: 5px;
    border-color: #b5b5b5;
    border-width: 1px 1px 1px 1px;
    border-style: solid;
    width: 100%;
    background: #f2f2f2
}

#O2O .O2ODivGreenHeader {
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-style: solid;
    border-width: 0 0 1px 0;
    border-bottom-color: #d8d8d8;
    background: #0e915a url(../images/right_icon.png) no-repeat;
    background-position: 98% 50%;
    height: 40px
}

#O2O .O2ODivGreenHeader span.num {
    font-size: 13px;
    padding: 12px;
    color: #fff;
    display: inline-block;
    float: right;
    margin-right: 3%
}

#O2O .O2ODivGreenListlast {
    border-style: solid;
    border-width: 1px 0 0 0;
    border-top-color: #fff;
    padding: 0 5px;
    background: #f2f2f2;
    display: inline-table
}

#O2O .O2ODivGreenListlast img {
    border-style: solid;
    margin: 5px 2px 20px 2px;
    border-width: 1px 1px 1px 1px;
    border-color: #eee;
    float: left;
    display: inline-table
}

#O2O .O2ODivGreenTitle {
    float: left;
    padding: 10px 15px;
    color: #fff;
    font-weight: bold
}

.addbuttonarea {
    background: url(../images/addbuttonarea_bg.gif) repeat;
    padding: 10px;
    margin: 10px 0 0 0;
    -moz-box-shadow: 0 5px 5px #b6b6b6 inset;
    -webkit-box-shadow: 0 5px 5px #b6b6b6 inset;
    box-shadow: 0 5px 5px #b6b6b6 inset
}

.addbuttonareabottom {
    background: url(../images/addbuttonarea_bg.gif) repeat;
    -moz-box-shadow: 0 5px 5px #b6b6b6 inset;
    -webkit-box-shadow: 0 5px 5px #b6b6b6 inset;
    box-shadow: 0 5px 5px #b6b6b6 inset;
    bottom: 0;
    width: 95%
}

.addbuttonareabottomPromo {
    background: url(../images/addbuttonarea_bg.gif) repeat;
    margin: 10px 0 30px 0;
    padding: 10px 0;
    -moz-box-shadow: 0 5px 5px #b6b6b6 inset;
    -webkit-box-shadow: 0 5px 5px #b6b6b6 inset;
    box-shadow: 0 5px 5px #b6b6b6 inset;
    width: 100%
}

.ui-btn-up-r.ui-btn-corner-all, .ui-btn-up-w.ui-btn-corner-all, .ui-btn-up-f.ui-btn-corner-all {
    -moz-border-radius: .3em;
    -webkit-border-radius: .3em;
    border-radius: .3em
}

.ui-btn-up-r {
    background: #ca3c3c;
    color: #fff;
    text-shadow: 0 .1em 0 rgba(255, 255, 255, .1);
    cursor: pointer;
    -moz-border-radius: .3em;
    -webkit-border-radius: .3em;
    border-radius: .3em;
    border: 1px solid;
    border-color: #dbdbdb #d6d6d6 #b9b9b9;
    background-image: -moz-linear-gradient(#eee, #d4d4d4);
    -moz-transition: all 100ms;
    -o-transition: all 100ms;
    -webkit-transition: all 100ms;
    transition: all 100ms;
    font-size: 17px;
    text-align: center;
    line-height: 36px
}

.ui-btn-up-r:hover {
    background: #c80a55;
    color: #fff;
    font-size: 17px;
    text-align: center;
    border-radius: 5px
}

.ui-btn-up-r:focus {
    outline: thin dotted #333;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px
}

.ui-btn-up-r.active, .ui-btn-up-r:active {
    background-color: #da171a;
    background-image: none;
    outline: 0;
    -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, .15), 0 1px 2px rgba(0, 0, 0, .05);
    -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, .15), 0 1px 2px rgba(0, 0, 0, .05);
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, .15), 0 1px 2px rgba(0, 0, 0, .05)
}

.ui-btn-up-o {
    background: #fd723b;
    color: #fff;
    text-shadow: 0 .1em 0 rgba(255, 255, 255, .1);
    cursor: pointer;
    -moz-border-radius: .3em;
    -webkit-border-radius: .3em;
    border-radius: .3em;
    border: 1px solid;
    border-color: #dbdbdb #d6d6d6 #b9b9b9;
    background-image: -moz-linear-gradient(#eee, #d4d4d4);
    -moz-box-shadow: 0 .1em .5em rgba(0, 0, 0, .1), 0 .1em .2em rgba(0, 0, 0, .3), 0 -.1em .07em rgba(0, 0, 0, .3) inset, 0 .1em .07em rgba(255, 255, 255, .2) inset;
    box-shadow: 0 .1em .5em rgba(0, 0, 0, .1), 0 .1em .2em rgba(0, 0, 0, .3), 0 -.1em .07em rgba(0, 0, 0, .3) inset, 0 .1em .07em rgba(255, 255, 255, .2) inset;
    -moz-transition: all 100ms;
    -o-transition: all 100ms;
    -webkit-transition: all 100ms;
    transition: all 100ms;
    font-size: 17px;
    text-align: center;
    line-height: 22px
}

.ui-btn-up-o:hover {
    background: #e15b26;
    color: #fff;
    font-size: 17px;
    text-align: center;
    border-radius: 5px
}

.ui-btn-up-o:focus {
    outline: thin dotted #333;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px
}

.ui-btn-up-o.active, .ui-btn-up-o:active {
    background-color: #d94205;
    background-image: none;
    outline: 0;
    -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, .15), 0 1px 2px rgba(0, 0, 0, .05);
    -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, .15), 0 1px 2px rgba(0, 0, 0, .05);
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, .15), 0 1px 2px rgba(0, 0, 0, .05)
}

.ui-btn-left, .ui-btn-right, .ui-btn-inline {
    display: inline-block;
    vertical-align: middle
}

.ui-btn-left, .ui-btn-right, .ui-input-clear, .ui-btn-inline, .ui-grid-a .ui-btn, .ui-grid-b .ui-btn, .ui-grid-c .ui-btn, .ui-grid-d .ui-btn, .ui-grid-e .ui-btn, .ui-grid-solo .ui-btn {
    margin-right: 5px;
    margin-left: 5px
}

.ui-btn {
    display: block;
    text-align: center;
    cursor: pointer;
    position: relative;
    margin: .5em 0;
    padding: 0
}

.ui-btn5px {
    display: block;
    text-align: center;
    cursor: pointer;
    position: relative;
    margin: 5px 0;
    padding: 0
}

.ui-btn-up-w35 {
    background-color: #f5f5f5;
    background-image: -moz-linear-gradient(top, #fff, #e6e6e6);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#e6e6e6));
    background-image: -webkit-linear-gradient(top, #fff, #e6e6e6);
    background-image: -o-linear-gradient(top, #fff, #e6e6e6);
    background-image: linear-gradient(to bottom, #fff, #e6e6e6);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
    border-color: #e6e6e6 #e6e6e6 #bfbfbf;
    border-color: rgba(0, 0, 0, .1) rgba(0, 0, 0, .1) rgba(0, 0, 0, .25);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    border: 1px solid #bbb;
    border-bottom-color: #a2a2a2;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05);
    border: 1px solid #d0d0d0;
    -webkit-text-shadow: none;
    text-shadow: none;
    height: 35px;
    line-height: 20px
}

.ui-btn-up-w {
    background-color: #f5f5f5;
    background-image: -moz-linear-gradient(top, #fff, #e6e6e6);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#e6e6e6));
    background-image: -webkit-linear-gradient(top, #fff, #e6e6e6);
    background-image: -o-linear-gradient(top, #fff, #e6e6e6);
    background-image: linear-gradient(to bottom, #fff, #e6e6e6);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
    border-color: #e6e6e6 #e6e6e6 #bfbfbf;
    border-color: rgba(0, 0, 0, .1) rgba(0, 0, 0, .1) rgba(0, 0, 0, .25);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    border: 1px solid #bbb;
    border-bottom-color: #a2a2a2;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05);
    border: 1px solid #d0d0d0;
    -webkit-text-shadow: none;
    text-shadow: none;
    height: 40px;
    line-height: 32px
}

.ui-btn-up-w img {
    vertical-align: middle
}

.ui-btn-up-w:hover {
    color: #656566;
    text-decoration: none;
    background-color: #e6e6e6;
    background-position: 0 40px;
    -webkit-transition: background-position .1s linear;
    -moz-transition: background-position .1s linear;
    -o-transition: background-position .1s linear;
    transition: background-position .1s linear
}

.ui-btn-up-w:focus {
    outline: thin dotted #333;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px
}

.ui-btn-up-w.active, .ui-btn-up-w:active {
    background-color: #cbcbcb;
    background-color: #d9d9d9 \9;
    background-image: none;
    outline: 0;
    -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, .15), 0 1px 2px rgba(0, 0, 0, .05);
    -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, .15), 0 1px 2px rgba(0, 0, 0, .05);
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, .15), 0 1px 2px rgba(0, 0, 0, .05)
}

.ui-btn-up-w > span {
    color: #000;
    padding: 4px 5px;
    -webkit-text-shadow: none;
    text-shadow: none
}

.ui-btn-inner {
    font-size: 15px;
    padding: .6em 20px;
    min-width: .75em;
    display: block;
    position: relative;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    zoom: 1
}

.ui-btn-up-r span {
    color: #fff;
    padding: 4px 25px;
    -webkit-text-shadow: none;
    text-shadow: none
}

#qaContent ul.accordionPart {
    background-color: #fff;
    padding: 10px;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc
}

#qaContent ul.accordionPart li {
    padding: 5px
}

#qaContent ul.accordionPart li .qa_title {
    background: url(../images/arrow_more.gif) no-repeat;
    color: #333;
    cursor: pointer;
    background-position: right
}

#qaContent ul.accordionPart li .qa_title_on {
    text-decoration: underline
}

#qaContent ul.accordionPart li .qa_content {
    line-height: 24px;
    color: #666;
    background-position: right;
    padding: 5px 0;
    display: none
}

#qaContent ul.accordionPart li .qa_content a {
    line-height: 24px;
    color: #666;
    background-position: right;
    padding: 5px 0;
    display: block
}

.qa_container_firstTitle {
    font-size: 13px;
    line-height: 20px;
    padding: 10px;
    margin: 0
}

#qaContent .choicepart .qa_content .qa_confirm a {
    display: block;
    color: #fff;
    font-size: 15px;
    width: 30.469%;
    min-width: 195px;
    line-height: 40px;
    letter-spacing: 1px;
    text-align: center;
    padding: 0;
    border-radius: 5px;
    margin: 10px auto;
    cursor: default
}

.qa_reauthenticate_button {
    background-color: #fd922d
}

.qa_mobile_authenticate_button {
    background-color: #2fc553
}

.qa_explanation_img {
    display: block;
    width: 100%;
    max-width: 315px;
    margin: 20px auto
}

.qa_content .qa_confirm u, .qa_content .qa_confirm p {
    color: #929292;
    text-align: center;
    line-height: 20px;
    padding: 0
}

.qa_content .qa_content_close {
    float: right;
    clear: right;
    color: #999;
    cursor: pointer
}

#qaContent ul.choicepart .qa_explanation > ul > li {
    list-style-type: decimal;
    padding: 0;
    margin-left: 40px
}

.qa_service {
    margin: 0 15px
}

.qa_service_icon {
    float: left;
    width: 25px;
    height: 25px;
    background: url(../images/share_mail.png) no-repeat;
    background-size: 100%;
    border: 0 none;
    margin-right: 5px
}

a.qa_service_link {
    color: #3aa6e6
}

#qaContent ul.choicepart {
    font-size: 13px;
    color: #666;
    padding: 21px 10px;
    margin: 0;
    border-bottom: 1px dashed #999;
    margin: 0 10px;
    list-style: none
}

#qaContent ul.choicepart li {
    padding: 5px
}

#qaContent ul.choicepart li .qa_title {
    background: url(../images/arrow_more.gif) no-repeat;
    color: #333;
    cursor: pointer;
    background-position: right
}

#qaContent ul.choicepart li .qa_title2 {
    color: #333
}

#qaContent ul.choicepart li .qa_title3 {
    color: #333;
    font-size: larger
}

#qaContent ul.choicepart li .qa_title_on {
    text-decoration: underline
}

#qaContent ul.choicepart li .qa_content {
    line-height: 24px;
    color: #666;
    background-position: right;
    padding: 5px 0;
    display: none
}

#qaContent .qa_explanation, #qaContent ul.choicepart li .qa_content a {
    line-height: 24px;
    color: #666;
    background-position: right;
    padding: 22px 0 0 22px;
    display: block
}

.righttitle {
    float: left;
    font-size: smaller
}

.righttitle2 {
    float: left;
    text-decoration: underline;
    display: block;
    padding: 0 0 10px 22px
}

.righttitle3 {
    text-decoration: underline;
    display: block;
    padding-left: 22px;
    font-size: smaller
}

.bgwhite {
    background-color: #fff
}

.bgfamilymart {
    background: url(../images/familymart_icon.jpg) no-repeat;
    background-size: 15px 15px;
    -moz-background-size: 15px 15px;
    -webkit-background-size: 15px 15px;
    -o-background-size: 15px 15px;
    padding-left: 22px
}

.bgtransfer {
    background: url(../images/truck_icon.png) no-repeat;
    background-size: 20px 14px;
    -moz-background-size: 20px 14px;
    -webkit-background-size: 20px 14px;
    -o-background-size: 20px 14px;
    padding-left: 22px
}

.bgseveneleven {
    background: url(../images/seveneleven_icon.jpg) no-repeat;
    background-size: 15px 15px;
    -moz-background-size: 15px 15px;
    -webkit-background-size: 15px 15px;
    -o-background-size: 15px 15px;
    padding-left: 22px
}

.bgfastdollor {
    background: url(../images/fastdollor_icon.png) no-repeat;
    background-size: 15px 15px;
    -moz-background-size: 15px 15px;
    -webkit-background-size: 15px 15px;
    -o-background-size: 15px 15px;
    padding-left: 22px
}

.bgcredit {
    background: url(../images/credit_icon.png) no-repeat;
    background-size: 15px 15px;
    -moz-background-size: 15px 15px;
    -webkit-background-size: 15px 15px;
    -o-background-size: 15px 15px;
    padding-left: 22px
}

.OrderListItemDiv {
    padding: 5px 0;
    position: relative
}

.OrderListBar {
    min-height: 65px;
    line-height: 18px;
    background: #fffff3 url(../images/l1right_icon.png) no-repeat;
    background-position: 98% 50%;
    border-bottom: 1px solid #c9c9c9;
    border-left: 1px solid #c9c9c9;
    border-right: 1px solid #c9c9c9;
    margin: 5px 10px 0 10px;
    padding: 0 20px 0 0;
    cursor: pointer
}

.OrderListBar:hover {
    background: #fff url(../images/l1right_icon.png) no-repeat;
    background-position: 98% 50%
}

.OrderListBar:active {
    background: #efefef url(../images/l1right_icon.png) no-repeat;
    background-position: 98% 50%
}

.OrderListcontent {
    padding: 0 5px;
    color: #333;
    font-size: 13px;
    display: block;
    margin: 0 0 0 40px;
    vertical-align: middle
}

.TSList {
    padding: 5px;
    vertical-align: middle;
    color: #999;
    font-size: 13px;
    margin: 0 0 0 40px
}

span.Redminder {
    left: 11px;
    padding: 0 5px;
    position: absolute;
    background-color: #c82025;
    width: 30px;
    height: 65px;
    line-height: 65px;
    text-align: center
}

span.Redminder img {
    vertical-align: middle
}

.Title .Right a {
    float: right;
    font-size: 15px;
    line-height: 30px;
    padding-right: 10px;
    color: #666
}

.CouponListItemDiv {
    padding-top: 5px
}

.CouponListBarFriend {
    background: #fff;
    height: 75px;
    line-height: 15px;
    border-bottom: 1px solid #c9c9c9;
    border-left: 1px solid #c9c9c9;
    border-right: 1px solid #c9c9c9;
    margin: 0 5px 8px 5px;
    padding: 0;
    cursor: pointer
}

.CouponRight {
    padding: 5px;
    line-height: 22px
}

.CouponRight .CouponListcontent {
    padding: 0;
    color: #333;
    font-size: 13px;
    vertical-align: middle
}

.CouponRight .CNumList {
    vertical-align: middle;
    color: #333
}

.CNumList span {
    color: red
}

.CouponValue {
    background-color: #4b81db;
    float: left;
    width: 70px;
    color: #fff;
    font-size: 13px;
    margin: 0 12px 2px 0;
    padding: 8px 12px 8px 8px;
    text-align: center;
    border-right: 1px dashed #fff
}

.CouponValue span {
    color: #fff;
    font-size: 30px;
    line-height: 40px
}

.CouponValueGeneral {
    background-color: #bababa;
    float: left;
    width: 70px;
    color: #fff;
    font-size: 13px;
    margin: 0 12px 2px 0;
    padding: 8px 12px 8px 8px;
    text-align: center;
    border-right: 1px dashed #fff
}

.CouponValueGeneral span {
    color: #fff;
    font-size: 30px;
    line-height: 40px
}

.CouponMerge {
    background-color: #e76a54;
    float: left;
    width: 70px;
    color: #fff;
    font-size: 13px;
    margin: 0 12px 2px 0;
    padding: 8px 12px 8px 8px;
    text-align: center;
    border-right: 1px dashed #fff
}

.CouponMerge span {
    color: #fff;
    font-size: 30px;
    line-height: 40px
}

.CNumList .countdown {
    float: right;
    font-size: xx-small;
    border-radius: 10px;
    background: #333;
    color: #fff;
    padding: 0 5px;
    filter: alpha(opacity=50);
    -moz-opacity: .5;
    opacity: .5
}

.whitehrg {
    height: 1px;
    background-color: #fff;
    margin: 5px;
    filter: alpha(opacity=50);
    -moz-opacity: .5;
    opacity: .5
}

.redRadio.checked {
    background-position: -57px
}

.redRadio {
    background: url(../images/check_radio_sheet.png) -38px top no-repeat;
    clear: left;
    display: inline-block;
    float: left;
    height: 19px;
    padding: 0;
    width: 19px;
    cursor: pointer;
    margin-right: 8px
}

#CouponID {
    font-size: 13px;
    color: #666;
    padding: 10px 10px 10px 10px
}

.CouponShop {
    margin-top: -5px;
    padding: 0 0 5px 0
}

.CouponListBarFirst {
    text-align: center;
    background: #e33d26;
    line-height: 15px;
    border-bottom: 1px solid #c9c9c9;
    border-left: 1px solid #c9c9c9;
    border-right: 1px solid #c9c9c9;
    margin: 5px 5px 2px 5px;
    padding: 15px;
    cursor: pointer;
    color: #fff
}

.CouponListBarB {
    text-align: center;
    background: #878787;
    line-height: 15px;
    border-bottom: 1px solid #c9c9c9;
    border-left: 1px solid #c9c9c9;
    border-right: 1px solid #c9c9c9;
    margin: 5px 5px 2px 5px;
    padding: 15px;
    cursor: pointer;
    color: #fff
}

.CouponValueB {
    float: left;
    vertical-align: middle;
    width: 110PX;
    color: #fff;
    font-size: 13px;
    margin-top: 10px;
    margin-right: 50px;
    text-align: center
}

.CouponValueR {
    vertical-align: middle;
    line-height: 18px;
    color: #fff;
    font-size: 14px;
    padding: 8px 12px 8px 8px;
    text-align: center
}

.CouponValueB span {
    color: #fff;
    font-size: 60px;
    line-height: 40px
}

.CouponListBarFirstDetail {
    text-align: center;
    background: #e33d26;
    line-height: 15px;
    border-bottom: 1px solid #c9c9c9;
    border-left: 1px solid #c9c9c9;
    border-right: 1px solid #c9c9c9;
/ / margin: 5 px 5 px 2 px 5 px;
    padding: 15px;
    color: #fff
}

.CouponListBarNormalDetail {
    text-align: center;
    background: #878787;
    line-height: 15px;
    border-bottom: 1px solid #c9c9c9;
    border-left: 1px solid #c9c9c9;
    border-right: 1px solid #c9c9c9;
    margin: 5px 5px 2px 5px;
    padding: 15px;
    color: #fff
}

.couponannouce ol {
    padding: 10px;
    line-height: 20px;
    margin-left: 20px;
    font-size: 13px
}

.field {
    float: left;
    text-indent: 10px;
    width: 90%;
    padding: 7px;
    font-family: arial, sans-serif;
    font-size: 1em;
    color: #333;
    background: #fff;
    border: solid 1px #d9d9d9;
    border-top: solid 1px silver;
    border-right: none
}

.cancel {
    float: left;
    cursor: pointer;
    width: 100%;
    height: 30px;
    text-align: center;
    color: #fff;
    background: #999;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border: solid 1px #d9d9d9
}

.submit {
    float: left;
    cursor: pointer;
    width: 100%;
    height: 30px;
    text-align: center;
    color: #fff;
    background: #696;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border: solid 1px #d9d9d9
}

.CartShoptitle {
    font-size: 13px;
    font-weight: bold;
    color: #333;
    padding: 10px 0
}

.ui-btn-disable {
    background-color: #ccc;
    color: #999;
    text-align: center;
    font-weight: bold;
    -webkit-text-shadow: none;
    text-shadow: none;
    height: 40px;
    line-height: 40px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    margin: 10px
}

.TSList {
    padding: 5px;
    vertical-align: middle;
    color: #999;
    font-size: 13px;
    margin: 0 0 0 40px
}

span.Redminder {
    left: 11px;
    padding: 0 5px;
    position: absolute;
    background-color: #c82025;
    width: 30px;
    height: 65px;
    line-height: 65px;
    text-align: center
}

span.Redminder img {
    vertical-align: middle
}

ol.if {
    margin: 5px 10px 5px 0;
    font-size: 13px;
    line-height: 20px
}

@media screen and (min-width: 300px)and (max-width: 635px) {
    .CouponListBarB {
        text-align: center;
        background: #878787;
        line-height: 15px;
        border-bottom: 1px solid #c9c9c9;
        border-left: 1px solid #c9c9c9;
        border-right: 1px solid #c9c9c9;
        margin: 5px 5px 2px 5px;
        padding: 15px;
        cursor: pointer;
        color: #fff
    }

    .CouponListBarFirst {
        text-align: center;
        background: #e33d26;
        line-height: 15px;
        border-bottom: 1px solid #c9c9c9;
        border-left: 1px solid #c9c9c9;
        border-right: 1px solid #c9c9c9;
        margin: 5px 5px 2px 5px;
        padding: 15px;
        cursor: pointer;
        color: #fff
    }

    .CouponListBarFirstDetail {
        text-align: center;
        background: #e33d26;
        line-height: 15px;
        border-bottom: 1px solid #c9c9c9;
        border-left: 1px solid #c9c9c9;
        border-right: 1px solid #c9c9c9;
    / / margin: 5 px 5 px 2 px 5 px;
        padding: 15px;
        color: #fff
    }

    .CouponListBarNormalDetail {
        text-align: center;
        background: #878787;
        line-height: 15px;
        border-bottom: 1px solid #c9c9c9;
        border-left: 1px solid #c9c9c9;
        border-right: 1px solid #c9c9c9;
        margin: 5px 5px 2px 5px;
        padding: 15px;
        color: #fff
    }
}

@media screen and (min-width: 635px)and (max-width: 2400px) {
    .CouponListBarB img {
        width: 100%
    }

    .CouponListBarFirst img {
        width: 100%
    }

    .CouponListBarB {
        text-align: center;
        background: #878787;
        line-height: 15px;
        height: 132px;
        border-bottom: 1px solid #c9c9c9;
        border-left: 1px solid #c9c9c9;
        border-right: 1px solid #c9c9c9;
        margin: 5px 5px 2px 5px;
        padding: 15px;
        cursor: pointer;
        color: #fff;
        float: left;
        width: 43%
    }

    .CouponListBarFirst {
        text-align: center;
        background: #e33d26;
        line-height: 15px;
        height: 132px;
        border-bottom: 1px solid #c9c9c9;
        border-left: 1px solid #c9c9c9;
        border-right: 1px solid #c9c9c9;
        margin: 5px 5px 2px 5px;
        padding: 15px;
        cursor: pointer;
        color: #fff;
        width: 43%;
        float: left
    }

    .CouponListBarFirstDetail {
        width: 75%;
        margin: 0 auto;
        text-align: center;
        background: #e33d26;
        line-height: 15px;
        color: #fff
    }

    .CouponListBarNormalDetail {
        width: 75%;
        text-align: center;
        background: #878787;
        line-height: 15px;
        margin: 0 auto;
        color: #fff
    }

    .ecouponframe {
        background: #d8d8d8;
        padding: 15px 10px
    }

    .CouponListBarFirstDetail img {
        width: 95%
    }
}

.allrank div {
    background: url() no-repeat;
    background-position: 98% 50%;
    line-height: 30px;
    font-size: 15px;
    border-color: #a7a7a7;
    border-width: 0 0 1px 0;
    border-style: dashed;
    padding: 8px
}

.allrank a span {
    text-decoration: none;
    color: #c92025
}

.allrank a {
    text-decoration: none;
    color: #333
}

.allrank a:hover {
    text-decoration: none;
    color: #888
}

.allrank a:active {
    text-decoration: none;
    color: #888
}

.allrank {
    display: block;
    height: 100%
}

.product-rank .ProductPic {
    padding: 1% 1% 0 1%;
    width: 48%;
    float: left
}

.product-rank .ProductPic_A img {
    border: 1px solid #ccc;
    width: 99%
}

.ranktop {
    position: relative
}

.ranktop img, .ranktop .zoBody {
    position: absolute;
    background: url(../images/rank.png);
    width: 30px;
    height: 41px;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    right: 0;
    top: 0
}

span.zoBody {
    color: #fff;
    text-shadow: 1px 1px #b07d12;
    text-align: center;
    font-size: 15px;
    line-height: 56px
}

.product-rank .ProductPic a {
    font-size: 14px;
    color: #333
}

.RPrice {
    display: inline
}

.RPrice span {
    font-size: 15px;
    color: #c82025;
    font-weight: 700;
    text-decoration: none;
    float: right
}

.RPrice .del {
    float: left;
    font-size: 13px;
    color: #666;
    text-decoration: line-through;
    margin-right: 5px;
    line-height: 17px
}

.cd-popup.is-visible {
    opacity: 1;
    visibility: visible;
    -webkit-transition: opacity .3s 0, visibility 0 0;
    -moz-transition: opacity .3s 0, visibility 0 0;
    transition: opacity .3s 0, visibility 0 0
}

.cd-popup-container {
    line-height: 25px;
    position: relative;
    width: 90%;
    max-width: 400px;
    margin: 4em auto;
    background: #fff;
    border-radius: .25em .25em .4em .4em;
    text-align: center;
    box-shadow: 0 0 20px rgba(0, 0, 0, .2);
    -webkit-transform: translateY(-40px);
    -moz-transform: translateY(-40px);
    -ms-transform: translateY(-40px);
    -o-transform: translateY(-40px);
    transform: translateY(-40px);
    -webkit-backface-visibility: hidden;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    transition-property: transform;
    -webkit-transition-duration: .3s;
    -moz-transition-duration: .3s;
    transition-duration: .3s
}

.cd-popup-container p {
    padding: 1.5em;
    font-size: 16px;
    color: #333
}

.cd-popup-container .cd-buttons:after {
    content: "";
    display: table;
    clear: both
}

ul.cd-buttons {
    padding: 0;
    margin: 0
}

.cd-popup-container .cd-buttons li {
    float: left;
    width: 50%;
    list-style: none
}

.cd-popup-container .cd-buttons li.full {
    float: left;
    width: 100%;
    list-style: none
}

.cd-popup-container .cd-buttons a {
    display: block;
    height: 50px;
    line-height: 50px;
    text-transform: uppercase;
    color: #fff;
    -webkit-transition: background-color .2s;
    -moz-transition: background-color .2s;
    transition: background-color .2s;
    cursor: pointer
}

.cd-popup-container .cd-buttons li:first-child a {
    background: #c2c2c2;
    border-radius: 0 0 0 .25em
}

.no-touch .cd-popup-container .cd-buttons li:first-child a:hover {
    background-color: #aaa
}

.cd-popup-container .cd-buttons li:last-child a {
    background: #ca3c3c;
    border-radius: 0 0 .25em 0
}

.no-touch .cd-popup-container .cd-buttons li:last-child a:hover {
    background-color: #c80a55
}

.cd-popup-container .cd-buttons li.full:last-child a {
    background: #ca3c3c;
    border-radius: 0 0 .25em .25em
}

.cd-popup-container .cd-popup-close {
    position: absolute;
    top: 8px;
    right: 8px;
    width: 30px;
    height: 30px
}

.cd-popup-container .cd-popup-close::before, .cd-popup-container .cd-popup-close::after {
    content: '';
    position: absolute;
    top: 12px;
    width: 14px;
    height: 3px;
    background-color: #666
}

.cd-popup-container .cd-popup-close::before {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    left: 8px
}

.cd-popup-container .cd-popup-close::after {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    right: 8px
}

.is-visible .cd-popup-container {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0)
}

.img-replace {
    display: inline-block;
    overflow: hidden;
    text-indent: 100%;
    color: transparent;
    white-space: nowrap
}

.cd-popup {
    position: fixed;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(134, 134, 134, .9);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity .3s 0, visibility 0 .3s;
    -moz-transition: opacity .3s 0, visibility 0 .3s;
    -o-transition: opacity .3s 0, visibility 0 .3s;
    transition: opacity .3s 0, visibility 0 .3s
}

@media only screen and (min-width: 1170px) {
    .cd-popup-container {
        margin: 8em auto
    }
}

.shopMustBuyBox > ul > li a p, .shopMustBuyBox > ul, .PromoTitle > .rule-item-more {
    overflow: hidden
}

.PromoTitle > .rule-item-more {
    margin: 0 1%
}

.shopMustBuyBox .product-title {
    margin-top: 5px
}

.shopMustBuyBox > ul > li p, .PromoTitle > .rule-item-more p, .PromoTitle > .rule-item-more li {
    padding: 0;
    margin: 0
}

.shopMustBuyBox > ul > li, .PromoTitle > .rule-item-more > li {
    float: left
}

.PromoTitle > .rule-item-more > li {
    width: 30%;
    margin: 0 1.6%
}

.shopMustBuyBox > h3, .PromoTitle > .rule-item-more > li > a > p, .PromoTitle > .rule-item-more > li > a {
    position: relative
}

.shopMustBuyBox > ul, .shopMustBuyBox > ul > li > a, .PromoTitle > .rule-item-more > li > a > em, .PromoTitle > .rule-item-more > li > a > img, .PromoTitle > .rule-item-more > li > a {
    display: block
}

.PromoTitle > .rule-item-momanagerre > li > a > img, .PromoTitle > .rule-item-more > li > a {
    text-align: center;
    border: 0 none
}

.shopMustBuyBox > ul > li > a > img, .PromoTitle > .rule-item-more > li > a > em, .PromoTitle > .rule-item-more > li > a > img {
    width: 100%
}

.PromoTitle > .rule-item-more > li > a > img {
    height: 100%
}

.shopMustBuyBox > h3 > img, .PromoTitle > .rule-item-more > li > a > em {
    position: absolute
}

.shopMustBuyBox > h3 > img, .PromoTitle > .rule-item-more > li > a > em {
    left: 0
}

.shopMustBuyBox > ul > li > a > img {
    border: 1px solid #ccc
}

.shopMustBuyBox > ul > li a em, .shopMustBuyBox > ul > li a i, .PromoTitle > .rule-item-more > li > a > em {
    font-style: normal
}

.PromoTitle > .rule-item-more > li > a > em {
    z-index: 1;
    top: 0;
    height: 50%;
    color: #fff;
    font-size: 18px;
    font-style: normal;
    line-height: 0;
    padding-top: 50%;
    background-color: rgba(0, 0, 0, .6)
}

.PromoTitle > .rule-item-more > li > a > p {
    z-index: 2;
    color: #d42727;
    font-size: 107% !important;
    word-break: break-all;
    padding: 5.4% 0;
    background-color: #f4f4f4
}

.shopMustBuyBox > ul > li a.shopMustBuyBox, .content > .rule-item-more {
    color: #fff !important
}

.content > .rule-item-more {
    background-color: #e7462b;
    box-shadow: 0 4px 0 #d13218;
    margin: 3%
}

.content > .rule-item-more:hover {
    background-color: #ca3c3c
}

.shopMustBuyBox {
    background-color: #fffbea;
    border: 1px solid #eaeaea;
    padding: 3.125%;
    margin: 3.125%
}

.shopMustBuyBox > h3 {
    color: #ca3b3c;
    font-size: 106% !important;
    line-height: 2;
    padding-left: 45px;
    margin-bottom: 2.679%;
    border-bottom: 2px solid #ca3b3c
}

.shopMustBuyBox > h3 > img {
    width: 30px;
    height: 30px
}

.shopMustBuyBox > ul > li {
    width: 48%;
    margin: 0 1% 2%
}

@media only screen and (min-width: 1023px) {
    .shopMustBuyBox > ul > li {
        width: 31%
    }
}

.shopMustBuyBox > ul > li a.shopMustBuyBox {
    background-color: #ca3b3c
}

.shopMustBuyBox > ul > li a i {
    text-decoration: line-through;
    margin-right: 1%
}

.shopMustBuyBox > ul > li a p {
    display: -webkit-box;
    height: 32px;
    line-height: 1.3;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}

.shopMustBuyBox > ul > li a p:last-child {
    height: auto
}

.shopMustBuyBox > ul > li a em {
    color: #c82025
}

.shopMustBuyBox h3 > a > i, .shopMustBuyBox .right-arrow {
    float: right;
    margin-top: 6px;
    height: 20px;
    width: 20px;
    background-color: transparent;
    background-repeat: no-repeat;
    background-image: url('../images/right-arrow.svg')
}

.shopMustBuyBox .title-container {
    border-bottom: 2px solid #ca3b3c;
    margin-bottom: 15px
}

.shopMustBuyBox .title-text {
    color: #ca3b3c;
    line-height: 2;
    padding-left: 15px;
    vertical-align: super
}

h1.outline {
    display: none
}

@media screen and (min-width: 769px) {
    .addtocart-popup {
        border: none !important;
        width: 600px !important;
        height: 464px;
        top: 10% !important;
        left: 50% !important;
        margin-left: -300px !important;
        box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
        -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5)
    }
}

@media screen and (max-width: 768px) {
    .addtocart-popup {
        border: none !important;
        width: 90% !important;
        height: 75%;
        top: 10% !important;
        left: 5% !important;
        max-height: 464px
    }

    .add-to-cart-message {
        top: 30%
    }
}

.add-to-cart-message {
    position: fixed;
    left: 50%;
    z-index: 99999;
    width: 200px;
    margin-left: -100px;
    padding: 20px 10px;
    background-color: #000;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    opacity: .7;
    color: #fff;
    font-size: 17px;
    text-align: center
}

body {
    background-color: #fff
}

p {
    font-family: "微軟正黑體", "新細明體", Arial;
    font-size: 13px;
    color: #333;
    line-height: 24px;
    padding: 10px
}

.imgborder {
    padding: 5px;
    border-left: 1px solid silver;
    border-right: 1px solid silver;
    border-bottom: 1px solid silver;
    border-top: 2px solid #f4f4f4;
    margin-top: -2px
}

.toggler {
}

.effect {
    color: #d4d4d4;
    overflow: hidden;
    height: 55px;
    background: url(../images/arrow_right.png) 98% 50% no-repeat;
    padding-right: 5%
}

.newClass {
    height: auto;
    background: none;
    padding-right: 0
}

.brandLink {
    text-align: center;
    margin-top: 15px;
    font-size: 15px
}

.brandLink .brandShopName {
    color: #3aa6e6
}

.red {
    color: #c92025
}

.container {
    width: 100%;
    min-width: 320px;
    margin: 0 auto;
    height: auto !important;
    min-height: 100%
}

.content {
    padding: 0
}

.content .background_container {
    width: 100%
}

.content .background_container .background_content {
    width: 100%;
    background-image: linear-gradient(bottom, rgba(55, 55, 55, 1), rgba(55, 55, 55, 0) 15%), url(../images/bg.jpg);
    background-image: -moz-linear-gradient(bottom, rgba(55, 55, 55, 1), rgba(55, 55, 0) 15%), url(../images/bg.jpg);
    background-image: -webkit-linear-gradient(bottom, rgba(55, 55, 55, 1), rgba(55, 55, 55, 0) 15%), url(../images/bg.jpg);
    background-position: center top;
    background-repeat: no-repeat;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    background-size: cover
}

@media all and (min-width: 321px)and (max-width: 980px) {
    .content .background_container .background_content {
        width: 100%;
        background-image: linear-gradient(bottom, rgba(55, 55, 55, 1), rgba(55, 55, 55, 0) 15%), url(../images/bg.jpg);
        background-image: -moz-linear-gradient(bottom, rgba(55, 55, 55, 1), rgba(55, 55, 0) 15%), url(../images/bg.jpg);
        background-image: -webkit-linear-gradient(bottom, rgba(55, 55, 55, 1), rgba(55, 55, 55, 0) 15%), url(../images/bg.jpg);
        background-position: center top;
        background-repeat: no-repeat;
        -moz-background-size: cover;
        -webkit-background-size: cover;
        -o-background-size: cover;
        background-size: cover
    }
}

.content .brand_container {
    padding-top: 180px;
    width: 100%;
    margin: 0 auto
}

@media all and (min-width: 320px)and (max-width: 480px) {
    .content .brand_container {
        padding-top: 150px
    }
}

@media all and (min-width: 0)and (max-width: 320px) {
    .content .brand_container {
        padding-top: 120px
    }
}

.content .brand_content .brand_logo {
    padding-left: 1%;
    float: left
}

.content .brand_content .brand_logo .logo_img {
    height: 100%;
    background: #fff;
    border-style: solid;
    border-width: 1px;
    border-color: #fff;
    box-shadow: 0 0 5px 0 #999;
    -moz-box-shadow: 0 0 5px 0 #999;
    -webkit-box-shadow: 0 0 5px 0 #999
}

.content .brand_content .brand_logo .logo_img img {
    width: 100%
}

.content .brand_content .brand_social {
/ / float: left;
    width: 96%;
    color: #fff;
    margin: 0 auto
}

.content .brand_content .brand_title {
    font-size: 16px;
    font-weight: bold;
    text-shadow: -1px -1px 3px #000;
    text-align: left;
    margin-top: 8px
}

.content .brand_content .brand_button_container {
    padding-top: 12px;
    width: 100%
}

.content .brand_content .brand_button_container .brand_button {
    width: 100%;
    background: url(../images/social_bg.gif);
    border-style: solid;
    border-width: 1px;
    border-color: #d7d7d7;
    box-shadow: 0 0 3px 0 #999;
    -moz-box-shadow: 0 0 3px 0 #999;
    -webkit-box-shadow: 0 0 3px 0 #999;
    color: #000;
    font-size: 13px;
    text-align: left;
    overflow: auto
}

@media all and (min-width: 0)and (max-width: 321px) {
    .content .brand_content .brand_button_container .brand_button {
        width: 100%;
        background: url(../images/social_bg.gif);
        border-style: solid;
        border-width: 1px;
        border-color: #d7d7d7;
        box-shadow: 0 0 3px 0 #999;
        -moz-box-shadow: 0 0 3px 0 #999;
        -webkit-box-shadow: 0 0 3px 0 #999;
        color: #000;
        font-size: 13px;
        text-shadow: 0 0 1px #666;
        text-align: left;
        overflow: auto
    }
}

@media all and (min-width: 322px)and (max-width: 480px) {
    .content .brand_content .brand_button_container .brand_button {
        width: 100%;
        background: url(../images/social_bg.gif);
        border-style: solid;
        border-width: 1px;
        border-color: #d7d7d7;
        box-shadow: 0 0 3px 0 #999;
        -moz-box-shadow: 0 0 3px 0 #999;
        -webkit-box-shadow: 0 0 3px 0 #999;
        color: #000;
        font-size: 13px;
        text-shadow: 0 0 1px #666;
        text-align: left;
        overflow: auto
    }
}

@media all and (min-width: 481px)and (max-width: 980px) {
    .content .brand_content .brand_button_container .brand_button {
        width: 100%;
        background: url(../images/social_bg2.gif) bottom;
        border-style: solid;
        border-width: 1px;
        border-color: #d7d7d7;
        box-shadow: 0 0 3px 0 #999;
        -moz-box-shadow: 0 0 3px 0 #999;
        -webkit-box-shadow: 0 0 3px 0 #999;
        color: #000;
        font-size: 13px;
        text-shadow: 0 0 1px #666;
        text-align: left;
        overflow: auto
    }
}

.content .brand_content .brand_button_container .brand_button ul {
    width: 100%;
    margin-left: 0;
    padding-left: 0;
    display: inline;
    text-align: center
}

.content .brand_content .brand_button_container .brand_button ul li {
    float: left;
    padding: 0;
    border-left: 1px solid #cecece;
    list-style: none;
    display: inline;
    text-align: center;
    width: 49%;
    list-style-type: none;
    display: inline
}

.content .brand_content .brand_button_container .brand_button ul li:first-child {
    border-left: none
}

.content .brand_content .brand_button_container .brand_button ul li div:first-child {
    height: 37px
}

.clearfloat {
    clear: both;
    height: 0;
    font-size: 1px;
    line-height: 0
}

#campaign .Title {
    border-top: 1px solid #d4d4d4;
    border-bottom: 1px solid #d4d4d4;
    background-color: #f8f8f8;
    margin: 0 auto;
    height: 30px;
    font-size: 16px;
    font-weight: bold
}

#campaign .Title .Left {
    background-position: 10px center;
    float: left;
    font-size: 15px;
    line-height: 30px;
    padding-left: 10px;
    color: #555
}

#campaign .Title .Right {
    float: right;
    font-size: 15px;
    line-height: 30px;
    padding-left: 6px;
    color: #e2350b
}

#Abanner {
    margin: 8px
}

.AD1 img {
    margin-top: 3px;
    width: 100%
}

.AD2 img {
    margin-top: 3px;
    width: 100%
}

.header.salePageList .headerTitleDiv {
    display: inline-block;
    height: 44px;
    margin-left: 4px;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    -webkit-text-overflow: ellipsis;
    -moz-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 170px
}

.header.salePageList h1 {
    height: 44px;
    margin: 0 0;
    position: relative;
    text-align: left
}

.header.salePageList .headerTitleWord {
    display: block;
    font-size: 16px;
    line-height: 24px;
    margin: 0 auto;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -webkit-text-overflow: ellipsis;
    -moz-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap
}

.header.salePageList .headerTitleCount {
    color: #333;
    display: block;
    font-size: 12px
}

#salePageList span.slist {
    background: url() no-repeat;
    display: inline-block;
    height: 25px;
    width: 25px
}

#salePageList span.slist.active {
    background: url() no-repeat;
    display: inline-block
}

#salePageList span.blist {
    background: url() no-repeat;
    display: inline-block;
    height: 25px;
    width: 25px
}

#salePageList span.blist.active {
    background: url() no-repeat;
    display: inline-block
}

#salePageList .ui-content {
    background-color: #fff;
    padding: 5px
}

#salePageList ul.salePageList, #salePageList ul.salePageList li {
    margin: 0;
    padding: 0
}

#salePageList > .salePageList {
    overflow: hidden
}

#salePageList ul.salePageList li {
    float: left;
    line-height: 15px;
    list-style-type: none;
    width: 32%;
    margin: .649% .649% 1.948%
}

#salePageList ul.salePageList li a {
    color: #000;
    text-decoration: none
}

#salePageList ul.salePageList li.slist {
}

#salePageList ul.salePageList li.slist .salePageImg {
    max-width: 100%;
    border: 1px solid #d7d7d7
}

#salePageList ul.salePageList li.blist {
    width: 48.7%
}

#salePageList ul.salePageList li.blist .salePageImg {
    width: 100%;
    max-width: none !important
}

#salePageList ul.salePageList li span.price {
    color: #c92025;
    font-size: .8em
}

#salePageList ul.salePageList li span.blackprice {
    color: #333;
    font-size: .8em;
    padding-right: 10px
}

#salePageList ul.salePageList li span.title {
    color: #000;
    display: block;
    font-size: .8em;
    height: 16px;
    overflow: hidden;
    white-space: nowrap;
    width: 85px
}

#salePageList ul.salePageList li.blist span.title {
    -o-text-overflow: ellipsis;
    -webkit-text-overflow: ellipsis;
    -moz-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    width: 84%;
    height: 30px;
    white-space: normal;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical
}

#salePageList ul.salePageList li span.start {
    border: 0;
    display: block
}

#salePageList ul.salePageList li.blist div.startDiv {
    margin-top: -10px
}

#salePageList ul.salePageList li.slist span.start {
    background: url(../images/star_s_nor.png) no-repeat;
    height: 17px;
    width: 17px
}

#salePageList ul.salePageList li.slist span.start.inTraceList {
    background: url(../images/star_s_act.png) no-repeat
}

#salePageList ul.salePageList li.blist span.start {
    background: url(../images/star_b_nor.png) no-repeat;
    height: 23px;
    width: 23px
}

#salePageList ul.salePageList li.blist span.start.inTraceList {
    background: url(../images/star_b_act.png) no-repeat
}

#salePageList .hr {
    border-bottom: 1px solid #d2d2d2;
    margin-bottom: 5px
}

#salePageList .salePageHeader {
    height: 35px;
    padding-top: 5px
}

#salePageList .salePageHeader img {
    cursor: pointer;
    z-index: 10
}

#salePageList .salePageHeader div {
    float: left;
    font-size: .9em;
    line-height: 25px;
    margin-right: 5px
}

#salePageList .moreDiv {
    display: inline-block;
    width: 100%;
    height: 40px;
    line-height: 40px;
    background-color: #e3e8ee;
    padding: 5px 0
}

#navgation {
    width: 100%;
    background-color: #fff;
    display: none
}

#navgation .Title {
    border-top: 1px solid #d4d4d4;
    border-bottom: 1px solid #d4d4d4;
    background-color: #f8f8f8;
    margin: 0 auto;
    height: 30px;
    font-size: 16px;
    font-weight: bold
}

#navgation .Title .Left {
    background-position: 10px center;
    float: left;
    font-size: 15px;
    line-height: 30px;
    padding-left: 10px;
    color: #555
}

#navgation .Title .Right {
    float: right;
    font-size: 15px;
    line-height: 30px;
    padding-left: 6px;
    color: #e2350b
}

#navgation .tabContainer {
    margin: 0 auto;
    width: 300px;
    min-height: 40px;
    background: #d2d2d2
}

#navgation .tabContainer div {
    padding: 10px 10px 8px 10px;
    *padding-top: 3px;
    *margin-top: -15px;
    clear: left;
    background: #fff;
    font: 15px "微軟正黑體", "新細明體", Arial
}

#navgation .tabContainer .tabContent div {
    width: 90px;
    display: inline-block;
    line-height: 28px;
    padding: 0
}

#navgation .subcategory {
    background: #f4f4f4;
    border-left: 1px solid #a8a8a8;
    border-right: 1px solid #a8a8a8;
    padding: 0 12px 0 12px;
    cursor: pointer
}

.sublist {
    background: url(../images/right_icon.png) 100% 50% no-repeat;
    height: 30px;
    border-bottom: 1px dashed #999;
    line-height: 30px;
    padding: 8px 0
}

#navgation .tab_ul li {
    width: 100px;
    list-style: none;
    float: left
}

#navgation .tabContainer ul a {
    display: block;
    padding: 10px 0 9px 8px;
    text-decoration: none !important;
    margin: 1px;
    margin-left: 0;
    font: 15px "微軟正黑體", "新細明體", Arial;
    color: #000;
    background: #ededed
}

#navgation .tabContainer ul a:hover {
    color: #fff;
    background: #111
}

#navgation .tabContainer ul a.selected {
    margin-bottom: 0;
    color: #000;
    background: #fff;
    border-bottom: 1px solid #fff;
    cursor: default
}

#navgation .tabContainer div a {
    color: #000;
    font-weight: bold
}

* {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0
}

.scription {
    font-size: 13px;
    margin: 0 20px 0 0;
    vertical-align: bottom
}

.script {
    line-height: 22px;
    color: #888;
    font-size: 15px;
    padding: 5px
}

ul.category {
    border-bottom: 1px solid #a8a8a8;
    border-left: 1px solid #a8a8a8;
    border-right: 1px solid #a8a8a8;
    margin: 0;
    padding: 0;
    height: 50px;
    list-style: none
}

ul.category li {
    background: url(../images/down_icon.png) 100% 50% no-repeat;
    margin: 0 12px 0 12px;
    height: 45px;
    padding: 6px 0 0 0
}

ul.category li a {
    display: block;
    outline: none;
    color: #333;
    height: 45px
}

.category h3 {
    padding: 0;
    font-size: 16px;
    margin: 0;
    font-weight: bold;
    font-family: Helvetica, Arial, sans-serif;
    line-height: 42px
}

.category img.left {
    margin-right: 5px;
    float: left
}

ul.category li.selected {
    background: url(../images/down_icon.png) 100% 50% no-repeat;
    margin: 0 12px 0 12px;
    height: 50px;
    padding: 6px 0 0 0
}

.clear {
    clear: both
}

#hotsale {
    margin-top: -1px;
    background-color: #fff;
    display: none
}

#hotsale .Title {
    border-top: 1px solid #d4d4d4;
    border-bottom: 1px solid #d4d4d4;
    background-color: #f8f8f8;
    margin: 0 auto;
    height: 30px;
    font-size: 16px;
    font-weight: bold
}

#hotsale .Title .Left {
    background-position: 10px center;
    float: left;
    font-size: 15px;
    line-height: 30px;
    padding-left: 10px;
    color: #555
}

#hotsale .Title .Right {
    float: right;
    font-size: 15px;
    line-height: 30px;
    padding-left: 6px;
    color: #e2350b
}

button, input, select, textarea {
    margin: 0;
    font-size: 100%;
    vertical-align: middle
}

.btns {
    width: 49%;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    padding: 6px 0;
    margin-bottom: 0;
    font-size: 15px;
    line-height: 20px;
    *line-height: 20px;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    color: #656566;
    text-shadow: 0 1px 1px rgba(255, 255, 255, .75);
    background-color: #f5f5f5;
    background-image: -moz-linear-gradient(top, #fff, #e6e6e6);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#e6e6e6));
    background-image: -webkit-linear-gradient(top, #fff, #e6e6e6);
    background-image: -o-linear-gradient(top, #fff, #e6e6e6);
    background-image: linear-gradient(to bottom, #fff, #e6e6e6);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
    border-color: #e6e6e6 #e6e6e6 #bfbfbf;
    border-color: rgba(0, 0, 0, .1) rgba(0, 0, 0, .1) rgba(0, 0, 0, .25);
    *background-color: #e6e6e6;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    border: 1px solid #bbb;
    *border: 0;
    border-bottom-color: #a2a2a2;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    *margin-left: .3em;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05)
}

.btns img {
    vertical-align: middle;
    padding: 3px
}

.btns:hover, .btns:active, .btns.active, .btns.disabled, .btns[disabled] {
    color: #656566;
    background-color: #e6e6e6;
    *background-color: #d9d9d9
}

.btns:active, .btns.active {
    background-color: #ccc \9
}

.btns:first-child {
    *margin-left: 0
}

.btns:hover {
    color: #656566;
    text-decoration: none;
    background-color: #e6e6e6;
    *background-color: #d9d9d9;
    background-position: 0 -15px;
    -webkit-transition: background-position .1s linear;
    -moz-transition: background-position .1s linear;
    -o-transition: background-position .1s linear;
    transition: background-position .1s linear
}

.btns:focus {
    outline: thin dotted #333;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px
}

.btns.active, .btn:active {
    background-color: #e6e6e6;
    background-color: #d9d9d9 \9;
    background-image: none;
    outline: 0;
    -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, .15), 0 1px 2px rgba(0, 0, 0, .05);
    -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, .15), 0 1px 2px rgba(0, 0, 0, .05);
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, .15), 0 1px 2px rgba(0, 0, 0, .05)
}

.btns.disabled, .btns[disabled] {
    cursor: default;
    background-color: #e6e6e6;
    background-image: none;
    opacity: .65;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}

.btn-large {
/ / padding: 9 px 9 px;
    font-size: 15px;
    line-height: normal;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px
}

.btn-block {
    display: block;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.btn-block + .btn-block {
    margin-top: 5px
}

.btn-primary.active, .btn-warning.active, .btn-danger.active, .btn-success.active, .btn-info.active, .btn-inverse.active {
    color: rgba(255, 255, 255, .95)
}

.btns {
    border-color: #c5c5c5;
    border-color: rgba(0, 0, 0, .15) rgba(0, 0, 0, .15) rgba(0, 0, 0, .25)
}

.btn-primary {
    color: #333;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .15);
    background-color: #fff;
    background-image: -moz-linear-gradient(top, #fff, #fff);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#fff));
    background-image: -webkit-linear-gradient(top, #fff, #fff);
    background-image: -o-linear-gradient(top, #fff, #fff);
    background-image: linear-gradient(to bottom, #fff, #fff);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffffffff', GradientType=0);
    border-color: #fff #fff #d9d9d9;
    border-color: rgba(0, 0, 0, .1) rgba(0, 0, 0, .1) rgba(0, 0, 0, .25);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false)
}

.btn-primary:hover, .btn-primary:active, .btn-primary.active, .btn-primary.disabled, .btn-primary[disabled] {
    color: #333;
    background-color: #fff;
    *background-color: #f2f2f2
}

.btn-primary:active, .btn-primary.active {
    background-color: #c1c1c1
}

button.btns, input[type="submit"].btn {
    *padding-top: 3px;
    *padding-bottom: 3px
}

button.btns::-moz-focus-inner, input[type="submit"].btn::-moz-focus-inner {
    padding: 0;
    border: 0
}

button.btns.btn-large, input[type="submit"].btn.btn-large {
    *padding-top: 7px;
    *padding-bottom: 7px
}

button.btn.btn-small, input[type="submit"].btn.btn-small {
    *padding-top: 3px;
    *padding-bottom: 3px
}

button.btns.btn-mini, input[type="submit"].btn.btn-mini {
    *padding-top: 1px;
    *padding-bottom: 1px
}

.btn-group {
    position: relative;
    font-size: 0;
    vertical-align: middle;
    white-space: nowrap
}

.btn-group > .btns {
    position: relative;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

.btn-group > .btns + .btns {
    margin-left: -1px
}

.btn-group > .btns, .btn-group > .dropdown-menu {
    font-size: 14px
}

.btn-group > .btn-mini {
    font-size: 11px
}

.btn-group > .btn-small {
    font-size: 12px
}

.btn-group > .btn-large {
    font-size: 16px
}

.btn-group > .btns:first-child {
    margin-left: 0;
    -webkit-border-top-left-radius: 4px;
    -moz-border-radius-topleft: 4px;
    border-top-left-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-bottom-left-radius: 4px
}

.btn-group > .btns:last-child, .btn-group > .dropdown-toggle {
    -webkit-border-top-right-radius: 4px;
    -moz-border-radius-topright: 4px;
    border-top-right-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    border-bottom-right-radius: 4px
}

.btn-group > .btn.large:first-child {
    margin-left: 0;
    -webkit-border-top-left-radius: 6px;
    -moz-border-radius-topleft: 6px;
    border-top-left-radius: 6px;
    -webkit-border-bottom-left-radius: 6px;
    -moz-border-radius-bottomleft: 6px;
    border-bottom-left-radius: 6px
}

.btn-group > .btn.large:last-child, .btn-group > .large.dropdown-toggle {
    -webkit-border-top-right-radius: 6px;
    -moz-border-radius-topright: 6px;
    border-top-right-radius: 6px;
    -webkit-border-bottom-right-radius: 6px;
    -moz-border-radius-bottomright: 6px;
    border-bottom-right-radius: 6px
}

.wrapper-dropdown-5 {
    position: relative;
    margin: 0 auto;
    padding: 8px 10px;
    border: 1px solid #bdbdbd;
    background: #fff;
    border-radius: 5px;
    box-shadow: 0 1px 0 rgba(0, 0, 0, .2);
    cursor: pointer;
    outline: none;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
    font-size: 15px;
    text-align: right
}

.btns .TabArr {
    position: absolute;
    margin-left: -6px;
    top: 26px;
    left: 50%;
    display: block;
    height: 0;
    width: 0;
    font-size: 0;
    line-height: 0;
    border-color: transparent transparent #f4f4f4 transparent;
    border-style: dashed dashed solid dashed;
    border-width: 6px
}

#hotsale .moreButton {
    display: table;
    padding: 5px
}

#hotsale .moreButton .back span:first-child {
    background: url(../images/more_header_button_1.png) no-repeat;
    display: block;
    float: left;
    height: 55px;
    width: 8px
}

#hotsale .moreButton .back span:last-child {
    background: url(../images/more_header_button_3.png) no-repeat;
    display: block;
    float: left;
    height: 55px;
    width: 8px
}

#hotsale .moreButton .back span.backTitle {
    background: url(../images/more_header_button_2.png) repeat-x;
    color: #333;
    display: block;
    float: left;
    font-size: 15px;
    font-weight: normal;
    height: 55px;
    line-height: 20px;
    overflow: hidden;
    text-align: center;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -webkit-text-overflow: ellipsis;
    -moz-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    min-width: 260px;
    text-shadow: 1px 1px 1px #fff;
    padding-top: 10px
}

#footer {
    width: 100%;
    background-color: #f4f4f4;
    padding-bottom: 15px
}

@media only screen and (max-width: 767px) {
    #footer {
        position: fixed;
        bottom: 0
    }
}

#footer .ToolsBar a {
    text-decoration: none;
    color: #3aa6e6
}

#footer .ToolsBar a:hover {
    text-decoration: none;
    color: #f37d01
}

#footer .ToolsBar {
    height: 46px;
    line-height: 46px;
    vertical-align: middle;
    margin: 0 auto;
    margin-top: 0;
    overflow: hidden;
    background: url(../images/footertoolbar.gif)
}

#footer .ToolsBar .Left {
    padding-left: 10px;
    font-size: 15px;
    float: left
}

#footer .ToolsBar .Right {
    padding-right: 25px;
    font-size: 15px;
    float: right
}

#footer .ToolsBar .Right a {
    text-decoration: none;
    color: #3aa6e6
}

#footer .ToolsBar .Right a:hover {
    text-decoration: none;
    color: #f37d01
}

#footer .NewsAbout {
    margin: 0 10px
}

#footer .NewsAbout .Title {
    font-size: 18px
}

#footer .NewsAbout .Content {
    line-height: 24px;
    font-size: 12px
}

#footer .NewsAbout .Content img {
    width: 100%
}

#footer .CopyRight a {
    font-size: 14px;
    text-decoration: none;
    color: #3aa6e6
}

#footer .CopyRight a:hover {
    text-decoration: none;
    color: #f37d01
}

#footer .CopyRight {
    max-width: 640px;
    margin: 0 auto;
    overflow: hidden;
    color: #b9b9b9
}

#footer .CopyRight .Content {
    padding: 1%;
    overflow: auto;
    font-size: 12px;
    text-align: center;
    color: #666
}

#footer .CopyRight .Contact {
    line-height: 25px;
    height: 25px;
    font-size: 16px;
    text-align: center
}

#footer .moreButton {
    display: table;
    padding: 5px
}

#footer .moreButton .back span:first-child {
    background: url(../images/footer_header_button_1.png) no-repeat;
    display: block;
    float: left;
    height: 55px;
    width: 10px
}

#footer .moreButton .back span:last-child {
    background: url(../images/footer_header_button_3.png) no-repeat;
    display: block;
    float: left;
    height: 55px;
    width: 10px
}

#footer .moreButton .back span.backTitle {
    background: url(../images/footer_header_button_2.png) repeat-x;
    color: #f37d02;
    display: block;
    float: left;
    font-size: 15px;
    font-weight: normal;
    height: 55px;
    line-height: 55px;
    overflow: hidden;
    text-align: center;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -webkit-text-overflow: ellipsis;
    -moz-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    min-width: 260px;
    text-shadow: 1px 1px 1px #fff
}

#producthot {
    padding: 0 1%;
    margin-bottom: 10px
}

#focus {
    padding: 0 5px
}

#shop-promo {
}

#fashion-promo {
}

#product-rank {
    padding: 0 5px
}

.product-rank .ProductPic {
    width: 48% !important
}

.product-rank .ProductPic_A img {
    width: 100% !important
}

#Abanner .ProductContainerB {
    padding-top: 1%;
    padding-left: 1%;
    padding-bottom: 2%;
    padding-right: 1%;
    width: 48%;
    float: left;
    border-bottom: 1px solid #ccc
}

#Abanner .BrandPic img {
    padding: 1px;
    width: 99.99%
}

#Abanner .ProductPic img {
    width: 100%
}

#Abanner .ProductContainerB .script {
    color: #333;
    font-size: 13px
}

#Abanner .ProductContainerC {
    padding-top: 1%;
    padding-left: 1%;
    padding-bottom: 0%;
    padding-right: 1%;
    max-width: 48%;
    float: left
}

.hr {
    border-bottom: 1px solid #ccc;
    padding-top: 10px
}

#Abanner .NewsList div {
    background: url() no-repeat;
    background-position: 98% 50%;
    line-height: 30px;
    font-size: 15px;
    border-color: #a7a7a7;
    border-width: 0 0 1px 0;
    border-style: dashed;
    padding: 8px
}

#Abanner .NewsList a span {
    text-decoration: none;
    color: #c92025
}

#Abanner .NewsList a {
    text-decoration: none;
    color: #333
}

#Abanner .NewsList a:hover {
    text-decoration: none;
    color: #888
}

#Abanner .NewsList a:active {
    text-decoration: none;
    color: #888
}

#Abanner .newshopbanner {
    padding: 1% 1% 0;
    max-width: 31%;
    float: left
}

#Abanner .newshopbanner .script {
    color: #333;
    font-size: 13px
}

#producthot .ProductPic {
    padding: 1% 1% 0;
    width: 31.333%;
    float: left
}

#producthot .ProductPic_A img {
    border: #ccc 1px solid;
    width: 99.5%
}

#producthot .Titlea {
    font-size: 13px;
    color: #333;
    font-weight: 700
}

#producthot .TitlePrice_A {
    font-size: 13px;
    color: #333;
    font-weight: 700
}

#producthot .TitlePrice_A span {
    font-size: 15px;
    color: #c82025;
    font-weight: 700;
    text-decoration: none
}

.Title {
    margin: 0 auto;
    height: 30px;
    border-style: 1px solid;
    border-top-color: #afcee2;
    border-left-width: 0;
    border-right-width: 0;
    font-size: 16px;
    font-weight: bold
}

.Title .Left {
    background-position: 10px center;
    float: left;
    font-size: 15px;
    line-height: 30px;
    padding-left: 20px;
    color: #555
}

ul.promotionblock {
    margin: 0;
    padding: 10px 10px 5px 5px;
    list-style: none;
    background: url(../images/arrow_right.png) 98% 50% no-repeat
}

ul.promotionblock:hover {
    background-color: #fff
}

ul.promotionblock:active {
    background-color: #fff
}

ul.promotionblock li a {
    display: block;
    outline: none;
    color: #333
}

.promotionblock h3 {
    padding: 0;
    font-size: 13px;
    margin: 0;
    color: #333;
    line-height: 22px
}

.promotionblock p {
    padding: 0;
    font-size: 13px;
    margin: 0;
    color: #666
}

.promotionblock img.left {
    margin-right: 5px;
    float: left
}

.cd-popup-trigger {
}

@media only screen and (min-width: 1170px) {
    .cd-popup-trigger {
        margin: 6em auto
    }
}

.cd-popup {
    position: fixed;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(134, 134, 134, .9);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity .3s 0, visibility 0 .3s;
    -moz-transition: opacity .3s 0, visibility 0 .3s;
    transition: opacity .3s 0, visibility 0 .3s
}

.cd-popup.is-visible {
    opacity: 1;
    visibility: visible;
    -webkit-transition: opacity .3s 0, visibility 0 0;
    -moz-transition: opacity .3s 0, visibility 0 0;
    transition: opacity .3s 0, visibility 0 0
}

.cd-popup-container {
    position: relative;
    width: 90%;
    max-width: 400px;
    margin: 4em auto;
    background: #fff;
    border-radius: .25em .25em .4em .4em;
    text-align: center;
    box-shadow: 0 0 20px rgba(0, 0, 0, .2);
    -webkit-transform: translateY(-40px);
    -moz-transform: translateY(-40px);
    -ms-transform: translateY(-40px);
    -o-transform: translateY(-40px);
    transform: translateY(-40px);
    -webkit-backface-visibility: hidden;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    transition-property: transform;
    -webkit-transition-duration: .3s;
    -moz-transition-duration: .3s;
    transition-duration: .3s
}

.cd-popup-container p {
    padding: 1.5em;
    font-size: 16px;
    color: #333
}

.cd-popup-container .cd-buttons:after {
    content: "";
    display: table;
    clear: both
}

ul.cd-buttons {
    padding: 0;
    margin: 0
}

.cd-popup-container .cd-buttons li {
    float: left;
    width: 50%;
    list-style: none
}

.cd-popup-container .cd-buttons li.full {
    float: left;
    width: 100%;
    list-style: none
}

.cd-popup-container .cd-buttons a {
    display: block;
    height: 50px;
    line-height: 50px;
    text-transform: uppercase;
    color: #fff;
    -webkit-transition: background-color .2s;
    -moz-transition: background-color .2s;
    transition: background-color .2s
}

.cd-popup-container .cd-buttons li:first-child a {
    background: #c2c2c2;
    border-radius: 0 0 0 .25em
}

.no-touch .cd-popup-container .cd-buttons li:first-child a:hover {
    background-color: #aaa
}

.cd-popup-container .cd-buttons li:last-child a {
    background: #ca3c3c;
    border-radius: 0 0 .25em 0
}

.no-touch .cd-popup-container .cd-buttons li:last-child a:hover {
    background-color: #c80a55
}

.cd-popup-container .cd-buttons li.full:last-child a {
    background: #ca3c3c;
    border-radius: 0 0 .25em .25em
}

.cd-popup-container .cd-popup-close {
    position: absolute;
    top: 8px;
    right: 8px;
    width: 30px;
    height: 30px
}

.cd-popup-container .cd-popup-close::before, .cd-popup-container .cd-popup-close::after {
    content: '';
    position: absolute;
    top: 12px;
    width: 14px;
    height: 3px;
    background-color: #666
}

.cd-popup-container .cd-popup-close::before {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    left: 8px
}

.cd-popup-container .cd-popup-close::after {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    right: 8px
}

.is-visible .cd-popup-container {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0)
}

.img-replace {
    display: inline-block;
    overflow: hidden;
    text-indent: 100%;
    color: transparent;
    white-space: nowrap
}

@media only screen and (min-width: 1170px) {
    .cd-popup-container {
        margin: 8em auto
    }
}

.activityBox {
    font-size: 13px;
    margin: 2% 5px;
    border: 1px solid #d4d4d4
}

.activityBox > div > button.shut, .activityBox > h3 {
    cursor: pointer
}

.activityBox > h3 {
    color: #fff;
    text-align: center;
    font-size: 107%;
    background: url(../images/arrow_right_white.png) #ff8746 98% 50% no-repeat
}

.activityBox > h3:hover {
    background-position: 99% 50%;
    background-color: #ff7124
}

.activityBox > ul > li > a > i, .activityBox > ul > li > a > p, .activityBox > div > button.shut, .activityBox > h3, .activityBox > ul > li {
    line-height: 1.7
}

.activityBox > h3, .activityBox > div > button.shut, .activityBox > ul > li {
    font-weight: 600;
    padding: 2.35% 4% 2.381% 2.381%
}

.activityBox > ul > li > a, .activityBox > div > button.shut, .activityBox > ul {
    display: block
}

.activityBox > div > button.shut, .activityBox > ul {
    width: 100%
}

.activityBox > ul > li > a, .activityBox > ul {
    color: #333;
    overflow: hidden
}

.activityBox > ul > li {
    background: url(../images/arrow_right.png) 98% 50% no-repeat;
    border-bottom: 1px solid #d4d4d4
}

.activityBox > div > button.shut, .activityBox > ul > li:last-child {
    vertical-align: baseline;
    border: 0 none
}

.activityBox > ul > li > a > i {
    min-width: 60px;
    font-size: 100%;
    text-align: center;
    border-radius: 12px;
    padding: 0 5px;
    margin: 0 .794% 1% 0
}

.activityBox > div > button.shut {
    position: relative;
    top: -1px;
    color: transparent;
    background: url(../images/arror_down.png) 50% 50% #f7f7f7 no-repeat;
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

.activityBox > div > button.shut:hover {
    background-color: #eee;
    background-position: 50% 40%
}

.activityBox.activityBoxOpen #activityBoxClose {
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0)
}

.activityBox * {
    padding: 0;
    margin: 0
}

.activityBox > h3, .activityBox > div > button.shut {
    -webkit-transition: background .3s linear;
    -moz-transition: background .3s linear;
    -ms-transition: background .3s linear;
    transition: background .3s linear
}

.text.orange {
    font-size: 13px;
    color: #f93
}

.text.warning {
    font-size: 13px;
    color: #ff5353
}

.question-img {
    max-width: 274px
}

@media only screen and (max-width: 767px) {
    .question-img {
        width: 100%
    }
}

#Account {
    padding: 10px
}

.content_sub1a a {
    text-decoration: none;
    color: #3aa6e6
}

.content_sub1a a:hover {
    text-decoration: none;
    color: #666
}

.content_sub1a a:active {
    text-decoration: none;
    color: #666
}

td, th {
    display: table-cell;
    vertical-align: inherit;
    font-size: 13px;
    color: #999;
    padding: 5px 0
}

td img {
/ / vertical-align: central;
    float: left
}

.IDinfo {
    background: #fff;
    padding: 10px;
    box-shadow: 4px 4px 12px -2px rgba(0%, 0%, 0%, .1)
}

.idnum {
    font-size: 20px;
    font-weight: bold;
    color: #333;
    line-height: 30px
}

.FilterDivCategoryTitle1 span.num {
    background: #c20e0e;
    font-size: 13px;
    border-radius: 3px;
    margin: 0 10px;
    padding: 0 5px;
    list-style: none;
    display: none;
    vertical-align: middle;
    color: #fff;
    display: inline-block;
    float: right;
    margin-right: 8%
}

.content_sub1 {
    margin: 0
}

.content_sub1 img.image {
    margin: 0 15px 10px 0;
    padding: 0;
    border: none;
    float: left
}

.content_sub1a {
    margin: 0;
    padding: 0;
    float: left;
    font-size: 15px
}

.ui-btn-up-w {
    background-color: #f5f5f5;
    background-image: -moz-linear-gradient(top, #fff, #e6e6e6);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#e6e6e6));
    background-image: -webkit-linear-gradient(top, #fff, #e6e6e6);
    background-image: -o-linear-gradient(top, #fff, #e6e6e6);
    background-image: linear-gradient(to bottom, #fff, #e6e6e6);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
    border-color: #e6e6e6 #e6e6e6 #bfbfbf;
    border-color: rgba(0, 0, 0, .1) rgba(0, 0, 0, .1) rgba(0, 0, 0, .25);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    border: 1px solid #bbb;
    border-bottom-color: #a2a2a2;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05);
    border: 1px solid #d0d0d0;
    color: #666;
    font-size: 15px;
    -webkit-text-shadow: none;
    text-shadow: none;
    height: 36px;
    line-height: 36px;
    text-align: center;
    display: inline-block
}

.ui-btn-up-w:hover {
    color: #656566;
    text-decoration: none;
    background-color: #e6e6e6;
    background-position: 0 40px;
    -webkit-transition: background-position .1s linear;
    -moz-transition: background-position .1s linear;
    -o-transition: background-position .1s linear;
    transition: background-position .1s linear
}

.ui-btn-up-w:focus {
    outline: thin dotted #333;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px
}

.ui-btn-up-w.active, .ui-btn-up-w:active {
    background-color: #cbcbcb;
    background-color: #d9d9d9 \9;
    background-image: none;
    outline: 0;
    -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, .15), 0 1px 2px rgba(0, 0, 0, .05);
    -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, .15), 0 1px 2px rgba(0, 0, 0, .05);
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, .15), 0 1px 2px rgba(0, 0, 0, .05)
}

.ui-btn-up-w > span {
    color: #666;
    padding: 4px 5px;
    -webkit-text-shadow: none;
    text-shadow: none
}

.ui-btn-corner-all, .ui-btn-up-w.ui-btn-corner-all, .ui-btn-up-f.ui-btn-corner-all {
    -moz-border-radius: .3em;
    -webkit-border-radius: .3em;
    border-radius: .3em
}

.idphoto {
    overflow: hidden;
    position: relative;
    width: 80px
}

.idphoto span.txtArea {
    background: url(../images/grayaph.png);
    height: 10px;
    position: absolute;
    padding-bottom: 10px;
    left: 0;
    top: 60px;
    color: #fff;
    overflow: hidden;
    width: 80px;
    text-align: center;
    font-size: 13px
}

#Account .FilterDiv {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin: 0 auto;
    margin-top: 60px;
    padding-bottom: 5px;
    border-color: #b5b5b5;
    border-width: 1px 1px 1px 1px;
    border-style: solid;
    width: 100%;
    background: #f2f2f2
}

#Account .FilterDiv2 {
    margin: 0 auto;
    margin-top: 15px;
    margin-bottom: 15px;
    border-color: #b5b5b5;
    border-width: 1px 1px 1px 1px;
    border-style: solid;
    width: 100%;
    background: #fff
}

#Account .FilterDivHeader {
    border-style: solid;
    border-width: 0 0 1px 0;
    border-bottom-color: #d8d8d8;
    height: 40px;
    background: #e4e4e4
}

#Account .FilterDivPrice {
    border-style: solid;
    border-width: 1px 0 1px 0;
    border-top-color: #fff;
    border-bottom-color: #d8d8d8;
    height: 110px;
    background: #f2f2f2
}

#Account .FilterDivDelivery {
    border-style: solid;
    border-width: 1px 0 1px 0;
    border-top-color: #fff;
    border-bottom-color: #d8d8d8;
    height: 50px;
    background: #f2f2f2
}

#Account .FilterDivList {
    border-style: solid;
    border-width: 1px 0 1px 0;
    border-top-color: #fff;
    border-bottom-color: #d8d8d8;
    height: 46px;
    background: #f2f2f2;
    background: url(../images/l1right_icon.png) no-repeat;
    background-position: 97% 47%
}

#Account .FilterDivListlast {
    border-style: solid;
    border-width: 1px 0 0 0;
    border-top-color: #fff;
    height: 46px;
    background: #f2f2f2;
    background: url(../images/l1right_icon.png) no-repeat;
    background-position: 97% 47%
}

#Account .selected {
    background: #f2f2f2;
    background: url() no-repeat;
    background-position: 96% 47%
}

#Account .FilterDivListOpen1 {
    border-style: solid;
    border-width: 1px 0 0 0;
    border-top-color: #fff;
    height: 47px;
    background: #e4e4e4
}

#Account .FilterDivListOpen2 {
    border-style: solid;
    border-width: 0 0 0 0;
    border-top-color: #fff;
    height: 48px;
    background: #e4e4e4
}

#Account .FilterDivBrand {
    border-style: solid;
    border-width: 1px 0 0 0;
    border-top-color: #fff;
    border-bottom-color: #d8d8d8;
    height: 50px;
    background: #f2f2f2
}

#Account .FilterDivHeaderTitle {
    float: left;
    padding: 10px 10px;
    color: #333;
    font-weight: bold
}

#Account .FilterDivHeaderTitle img {
    vertical-align: middle;
    margin-right: 6px
}

#Account .FilterDivHeaderButton {
    float: right;
    padding: 5px
}

#Account .FilterDivHeaderButton .back span:first-child {
    background: url(../images/filter_header_button_1.png) no-repeat;
    display: block;
    float: left;
    height: 41px;
    width: 5px
}

#Account .FilterDivHeaderButton .back span:last-child {
    background: url(../images/filter_header_button_3.png) no-repeat;
    display: block;
    float: left;
    height: 41px;
    width: 5px
}

#Account .FilterDivHeaderButton .back span.backTitle {
    background: url(../images/filter_header_button_2.png) repeat-x;
    color: #000;
    display: block;
    float: left;
    font-size: 13px;
    font-weight: normal;
    height: 41px;
    line-height: 41px;
    overflow: hidden;
    text-align: center;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -webkit-text-overflow: ellipsis;
    -moz-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap
}

#Account .FilterDivTitle1 {
    float: left;
    padding: 15px 0 15px 10px;
    font-size: 14px
}

#Account .FilterDivTitle2 {
    height: 46px;
    line-height: 46px;
    float: right;
    text-align: right;
    color: #c9252a;
    padding: 0 10px 0 0;
    font-size: 14px
}

#Account .FilterDivTitle2 img {
    vertical-align: middle
}

#Account .FilterDivTitleBar {
    float: right;
    text-align: center;
    padding: 5px
}

#Account .FilterDivCategoryTitle1 {
    padding: 14px 0 13px 10px;
    font-size: 14px;
    color: #333
}

#Account .FilterDivCategoryTitle1:hover {
    background: #e2e2e2 url(../images/l1right_icon.png) no-repeat;
    background-position: 97% 47%
}

#Account .FilterDivCategoryTitle1:active {
    background: #e2e2e2 url(../images/l1right_icon.png) no-repeat;
    background-position: 97% 47%
}

#Account .FilterDivCategoryTitle2 {
    height: 44px;
    line-height: 44px;
    float: right;
    text-align: right;
    color: #000;
    padding: 0 30px 0 0;
    font-size: 14px
}

#Account .selected .FilterDivCategoryTitle2 {
    color: #c9252a
}

#Account .FilterDivListCategoryOpenTitle1 {
    float: left;
    padding: 14px 15px 14px 30px;
    width: 150px;
    font-size: 14px
}

#Account .FilterDivListCategoryOpenTitle2 {
    height: 46px;
    line-height: 46px;
    float: right;
    text-align: right;
    color: #000;
    padding: 0 10px 0 0;
    font-size: 14px
}

#Account .FilterDivListCategoryOpenTitle2 img {
    vertical-align: middle
}

.MsgDiv {
    padding: 10px
}

.Messagelist {
    background: #fff url(../images/l1right_icon.png) no-repeat;
    background-position: 99% 50%;
    padding-right: 10px;
    margin-bottom: 10px;
    display: block;
    border: 1px solid #d4d4d4;
    position: relative
}

.Messagelist:hover {
    background: #efefef url(../images/l1right_icon.png) no-repeat;
    background-position: 99% 50%
}

.Messagelist:active {
    background: #efefef url(../images/l1right_icon.png) no-repeat;
    background-position: 99% 50%
}

.Messagelist .noreadMsg {
    position: absolute;
    background: url(../images/msg_noread.png) no-repeat;
    right: 0;
    background-size: 30px 30px;
    height: 30px;
    width: 30px
}

.Messagelist .readMsg {
    position: absolute;
    background: url(../images/msg_read.png) no-repeat;
    right: 0;
    background-size: 30px 30px;
    height: 30px;
    width: 30px
}

ul.msglist {
    margin: 0;
    padding: 10px 10px 3px 10px;
    list-style: none
}

ul.msglist li a {
    display: block;
    outline: none;
    color: #333;
/ / height: 80 px
}

.msglist p.msgtitle {
    padding: 0;
    font-size: 15px;
    margin: 0;
    line-height: 20px;
    color: #333
}

.msglist p {
    padding: 0;
    font-size: 13px;
    margin: 0;
    line-height: 20px;
    color: #666
}

.msglist img.left {
    margin-right: 10px;
    float: left
}

.msgsale {
    background: url(../images/msg_sale.png) no-repeat;
    -moz-background-size: 20px 20px;
    -o-background-size: 20px 20px;
    -webkit-background-size: 20px 20px;
    background-size: 20px 20px;
    display: inline-block;
    height: 20px;
    width: 20px;
    margin-right: 5px;
    vertical-align: middle
}

.msgnew {
    background: url(../images/msg_new.png) no-repeat;
    -moz-background-size: 20px 20px;
    -o-background-size: 20px 20px;
    -webkit-background-size: 20px 20px;
    background-size: 20px 20px;
    display: inline-block;
    height: 20px;
    width: 20px;
    margin-right: 5px;
    vertical-align: middle
}

.msgedit {
    background: url(../images/msg_list.png) no-repeat;
    -moz-background-size: 18px 18px;
    -o-background-size: 18px 18px;
    -webkit-background-size: 18px 18px;
    background-size: 18px 18px;
    display: inline-block;
    height: 18px;
    width: 18px;
    margin-right: 5px;
    vertical-align: middle
}

.msgcost {
    background: url(../images/msg_costdown.png) no-repeat;
    -moz-background-size: 20px 20px;
    -o-background-size: 20px 20px;
    -webkit-background-size: 20px 20px;
    background-size: 20px 20px;
    display: inline-block;
    height: 20px;
    width: 20px;
    margin-right: 5px;
    vertical-align: middle
}

.msgqa {
    background: url(../images/msg_qa.png) no-repeat;
    -moz-background-size: 18px 18px;
    -o-background-size: 18px 18px;
    -webkit-background-size: 18px 18px;
    background-size: 18px 18px;
    display: inline-block;
    height: 18px;
    width: 18px;
    margin-right: 5px;
    vertical-align: middle
}

.QuickReminder {
    background: #fff;
    padding: 10px;
    box-shadow: 4px 4px 12px -2px rgba(0%, 0%, 0%, .1);
    height: 50px
}

.QuickReminder p {
    color: #333;
    font-size: 13px;
    line-height: 18px;
    margin-top: -3px
}

.ReminderIcon {
    float: left;
    margin-right: 10px
}

.addbuttonarea {
    background: url(../images/addbuttonarea_bg.gif) repeat;
    margin: 10px 0 0 0;
    -moz-box-shadow: 0 5px 5px #b6b6b6 inset;
    -webkit-box-shadow: 0 5px 5px #b6b6b6 inset;
    box-shadow: 0 5px 5px #b6b6b6 inset;
    position: fixed;
    bottom: 0;
    width: 100%
}

.heartReminder {
    padding: 5px;
    margin: 0 auto;
    width: 85%;
    height: 50px
}

.heartRemindericon {
    float: left;
    margin-right: 10px;
    margin-top: 5px
}

.heartReminder p {
    color: #333;
    font-size: 13px;
    line-height: 18px;
    margin-top: -3px
}

.ui-content {
    border-width: 0;
    overflow: visible;
    overflow-x: hidden;
    padding: 10px;
    font-size: 13px;
    color: #333
}

input.ui-input-text, textarea.ui-input-text {
    background-image: none;
    padding: .5em .2em;
    margin: .5em 0;
    line-height: 1.2;
    font-size: 15px;
    display: block;
    width: 100%;
    outline: 0
}

.ui-body-c, .ui-overlay-c {
    background: #fff;
    border: 1px solid #aaa;
    color: #333
}

.ui-shadow-inset {
    -moz-box-shadow: inset 0 1px 4px rgba(0, 0, 0, .2);
    -webkit-box-shadow: inset 0 1px 4px rgba(0, 0, 0, .2);
    box-shadow: inset 0 1px 4px rgba(0, 0, 0, .2)
}

#Account .InfoCatoryList {
    border-style: solid;
    border-width: 1px 0 1px 0;
    border-top-color: #fff;
    border-bottom-color: #d8d8d8;
    height: 46px;
    background: #f2f2f2;
    background: url(../images/more_icon.png) no-repeat;
    background-position: 97% 47%
}

#Account .InfoCatoryListRight {
    height: 35px;
    background: #f2f2f2;
    background: url(../images/up_icon.png) no-repeat;
    background-position: 99% 90%
}

#Account .InfoCatoryListlast {
    border-style: solid;
    border-width: 1px 0 0 0;
    border-top-color: #fff;
    height: 46px;
    background: #f2f2f2;
    background: url(../images/more_icon.png) no-repeat;
    background-position: 97% 47%
}

#Account .InfoCatoryListTitle1 {
    padding: 14px 0 16px 10px;
    font-size: 14px;
    color: #333
}

#Account .InfoCatoryListTitle1:hover {
    background: #f1f1f1 url(../images/more_icon.png) no-repeat;
    background-position: 97% 47%
}

#Account .InfoCatoryListTitle1:active {
    background: #e2e2e2 url(../images/more_icon.png) no-repeat;
    background-position: 97% 47%
}

.InfoShow {
    background-color: #fff;
    border-top: 5px solid #ca3c3c;
    border-bottom: 1px solid #e2e2e2;
    margin-top: -1px;
    padding: 10px;
    color: #333;
    font-size: 14px;
    line-height: 24px
}

.InfoShow a {
    color: #3aa6e6
}

.InfoShow span {
    color: #ca3c3c;
    font-weight: bold
}